物联网应用之web控制掌控版亮灯（SIoT+掌控板+Web）

Posted 2021-07-17 我不学python

物联网应用之web控制掌控版亮灯（SIoT+掌控板+Web）

前言

本次实验是通过网页实时控制掌控版亮灯的实验，通过网页可以实时打开掌控版上不同颜色的灯，从而实现远程控制，主要运用到siot，掌控版以及制作的一个网页。

实验过程

1、下载并安装siot

首先我们需要下载并安装siot：
SIoT V1.3下载地址：
https://github.com/vvlink/SIoT/tree/master/software

下载安装完后直接打开siot.exe文件，打开后如下所示：

查看本机ip地址，由下图可知本机ip地址为192.168.31.220：

根据siot文件夹中的账号密码登陆，登陆网址为：IP地址+：8080，账号密码在config.json文件中查看


登陆后新建一个topic,方法如下

2、在mind+中编写掌控板运行代码

首先要让掌控板连接wifi，然后再让掌控板连接siot，设置收到对应topic消息后显示并亮相应的灯即可完成掌控板部分代码，具体如下
1、连接wifi与siot部分（掌控版与电脑应在同一个网段）：

mqtt配置参数：

2、控制亮灯与显示（红灯为例）：
注意，这里收到的消息要根据网页发送的消息来设置，要一致才可以控制

3、编辑网页

网页代码如下，将http://192.168.31.220:8080/publish?topic=2018A14113/dh&msg=ledRedOn&iname=siot&ipwd=dfrobot里面的数据逐个替换为自己的IP、topic、name、pwd。网页修改直接用记事本打开修改html文件即可，修改部分如下所示

网页等文件可以从下面百度网盘链接提取：
链接：https://pan.baidu.com/s/1i7QpIqI8LOD_GzZBUhdEHQ
提取码：3uu4

4、控制图示与效果图：

点击红灯开：
在这里插入图片描述
点击红灯关：

在这里插入图片描述