基于掌控板和SIoT平台实现响应式web对接物联网MQTT应用

基于掌控板和SIoT平台实现响应式Web对接物联网MQTT应用

SIoT 是一款简单易用的 MQTT 服务器软件，也是“虚谷物联”项目的核心软件之一。SIoT 不用安装，也不用注册、设置，一键运行后，其他物联网设备（如掌控板）按照一定的规范接入即可正常使用。正因为这一点，SIoT 得到创客老师们的热捧，成为中小学物联网教学的重要支撑软件。

本项目基于掌控板和SIoT平台实现了响应式web对接物联网，可以在远程Web端来进行设备的开关。

一、SIoT的工作流程

SIoT 运行后，会启动两种网络服务，一是 MQTT 服务，作用是处理 MQTT 消息；二是 Web 服务，用来运行 Web 管理页面，实现在线管理。具体工作流程如下图所示。

SIoT 文档地址：https://siot.readthedocs.io/zh_CN/latest/

三、响应式Web端代码编写

本项目的亮点可以制作个性化的响应式控制页面。控制页面是使用Bootstrap进行界面布局，再使用jQuery监测按钮时间，然后再通过$.get()函数请求SIoT的Web API接口，从而向掌控板发出命令。

Bootstrap文档地址：https://v3.bootcss.com/

JS部分代码：

完整代码点此下载

四、SIoT端配置和设备端代码编写
SIoT的配置

1.双击运行SIoT_windows1.2.exe（根据你的电脑，正确选择64位或者32位），将看到一个黑色的CMD窗口。窗口中显示各种连接信息。

如果你想维持你的计算机作为MQTT服务器的话，请不要关闭它。

注意：SIoT运行后会列出这个电脑可以使用的所有IP，169开头的一般是私有IP地址，不能作为MQTT服务器IP

本项目为掌控板的三个灯分别创建了Topic，用来接收Web端发送的控制信息。

实验结果演示：https://www.bilibili.com/video/BV1a54y1j7yx/

来源：Huang_xianlong