前言
一次小作业,既然大家都发博客了,我也发一下吧~
一、网页端通过SIOT控制灯的亮灭
(1)部署SIOT
要实现上述效果首先要打开SIOT,我这里选用了SIOT1.3,打开SIOT后会出现以下界面:
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/c99ea15db8fb551041bbaf311be87acf.png)
这几个地址是共享数据的,任选一个地址加8080端口用浏览器访问,输入账号密码后查看topic,初始账号密码为siot、dfrobot。
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/307ee0addfcbd46ed77daf75814670c5.png)
PS:siot的topic是 项目ID/设备名
(2)制作网页文件
然后搞网页端,直接上代码:
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/3774d94097cffce3cff84fb05f51e43f.png)
这个网页引用了jQuery和bootstrap包,按钮对应的js按照格式填写你的topic、msg和账号密码。
PS:关于SIoT的网页API接口