物联网应用之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应用!

来动手实现响应式web+mqtt应用!

本地Web与MQTT结合远程控制LED(SIOT+掌控版+web)

本地Web与MQTT结合远程控制LED(SIOT+掌控版+web)

物联网 DFrobot掌控板 简单的抢答器实验