响应式web mqtt应用

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

2、 输入“电脑IP地址（SIoT服务器）:8080”或本机环回地址“127.0.0.1:8080”进入SIoT登录界面
SIoT默认的账号密码是“siot”、“dfrobot”，端口为8080
3、 代码截图：

4、 修改web响应式代码（修改成前面创建的topic和对应的本机IP地址）
五、测试/调试及实验结果分析
测试结果：
1、 SIoT端设备列表中查看数据
2、 网页效果：
3、 发送数据控制灯的亮灭，实现效果
（1） 蓝灯开


（2） 蓝灯关

（3） 全亮

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