响应式web mqtt应用

一、实验目的及要求
实现响应式web对接物联网mqtt应用
二、实验原理与内容
本实验基于掌控板和SIoT平台实现响应式Web对接物联网mqtt应用，先在SIoT端创建topic，然后通过在mind+的mqtt网络服务中配置和SIoT端一样的topic来实现消息的发送和订阅。
三、实验设备
硬件：掌控板
软件：SIoT、mind+
四、实验过程
1、安装好SIoT后，双击运行，会弹出黑色窗口（运行后不要关闭黑窗口）：

2、打开浏览器，输入http://localhost:8080 ，可用ipconfig命令找到本机IP，或直接复制上图黑窗口中的第三行IP地址，连接SIoT：

五、实验调试和结果
mind+代码：

SIoT端设备列表中查看数据：

发送数据控制灯的亮灭，实现效果：



修改web响应式代码（修改成前面创建的topic和对应的本机IP地址）

网页效果：

效果测试：



六、实验结论
在实验的过程中，如果更换网段，则需重新运行ifconfig命令得到新的IP地址，SIoT端、网页端和mind+的MQTT配置的IP地址也要更换，且IP地址要一致；在网页端的topic需与SIoT端创建的topic保持一致，并确保运行过程中SIoT黑窗口保持打开。