物联网应用之web控制掌控版亮灯(SIoT+掌控板+Web)
Posted 我不学python
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了物联网应用之web控制掌控版亮灯(SIoT+掌控板+Web)相关的知识,希望对你有一定的参考价值。
物联网应用之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、控制图示与效果图:
点击红灯开:
在这里插入图片描述
点击红灯关:
在这里插入图片描述
以上是关于物联网应用之web控制掌控版亮灯(SIoT+掌控板+Web)的主要内容,如果未能解决你的问题,请参考以下文章
物联网应用之web控制掌控版亮灯(SIoT+掌控板+Web)
本地Web与MQTT结合远程控制LED(SIOT+掌控版+web)