Bài viết này hướng dẫn các bạn thực hiện đăng ký và thiết lập các cài đặt cho phần giao diện ban đầu cho giao diện điều khiển giám sát từ xa qua internet sử dụng MQTT.
- Truy cập vào đường dẫn https://luuvachiase.net/v1
2. Thực hiện click vào link đăng ký phía dưới, góc bên phải của form đăng nhập.
3. Khi giao diện đăng ký đã được tải về, hãy điền đầy đủ các trường thông tin để đăng ký.
4. Sau đăng ký thành công, quay trở lại đường link ban đầu “https://luuvachiase.net/v1” để đăng nhập, hoặc có thể click vào đường link được cung cấp trong phần phản hồi đăng nhập.
5. Sau khi đăng nhập bằng tài khoản và mật khẩu đã đăng ký. Giao diện ban đầu sẽ xuất hiện. Tuy nhiên các trường hiển thị hoàn toàn chưa có, cũng chưa thể kết nối được đến Broker của MQTT vì chưa thiết lập các thông tin như: broker server, topic, port….
- Giao diện có cấu trúc đơn giản gồm 1 banner, 1 body giao diện và một bar menu ở phía dưới. Chúng ta sẽ lựa chọn các giao diện điều khiển, giám sát hoặc cài đặt bằng cách click chọn các mục hiển thị trên menu “màu xanh”.
- Có 2 thông báo mang tính “nhắc nhở” người dùng mới đăng nhập. Thứ nhất là chưa đặt tên banner của giao diện, thứ 2 là các tham số kết nối đến Broker như: server, port, topic chưa được thiết lập. Sau khi các thông tin này được thiết lập thì các bạn không còn nhìn thấy các thông báo này trong lần đăng nhập lần sau nữa.
- Tùy vào điều kiện màn hình hiển thị, một số bạn có thể nhìn thấy các ô quảng cáo trên màn hình. Hy vọng các bạn sẽ không bị phiền, tôi cung cấp lựa chọn cho bạn tắt hẳn quảng cáo cho phiên sử dụng bằng cách chọn click vào “You can disable Ads here”.
6. Để thiết lập kết nối được đến Broker server, các bạn hãy chọn menu “Setting” để tiến hành thiết lập. Thứ tự được minh họa như trong hình dưới. Các bạn chú ý nút SAVE được thiết kế để thực hiện lưu các thiết lập một cách độc lập.
7. Sau khi thiết lập xong, trang chủ giao diện được trả về, các bạn sẽ thấy trạng thái kết nối chuyển từ “Connecting to broker..” => “Connected”.
8. Sau khi đã có thể kết nối “việc kết nối này sẽ được duy trì tự động sau mỗi lần đăng nhập thành công, với điều kiện đã có các thiết lập đến broker, topic, port”. Tuy nhiên, các nội dung như banner của các trang điều khiển, giám sát vẫn còn hiển thị “not set”. Để thay đổi, các bạn hãy chọn vào biểu tượng cái bút để thực hiện thay đổi. Các thay đổi này sẽ được lưu lại, và được load cho lần đăng nhập lần sau.
9. Sau khi bấm SAVE, các bạn sẽ được load tự động các thay đổi vừa cài đặt như hình dưới đây.
Như vậy là chúng ta đã thiết lập các tham số ban đầu thành công. Tiếp theo chúng ta sẽ thực hiện thiết lập các tham số để có thể điều khiển hoặc giám sát. Các bạn hãy theo dõi loạt bài sắp tới. Thanks.
