Day9:智能城市垃圾箱管理平台

介绍了如何通过掌控板将数据上报至阿里云平台,同时支持在阿里云物联网平台上控制掌控板的灯光亮灭与否。

前言

关于阿里云物联网平台的注册与使用,我曾写过一篇帖子,这里放出来供大家参考:

其中控制板载灯的部分与本文下面的控制灯开关部分原理相同,但是代码做了改进,使得更简洁了。

设置变量

我们需要提前在阿里云物联网平台上给产品定义功能:
物联网平台

然后在程序中,将其中的标识符赋值给变量:
设置变量

连接平台

先连接上WiFi,接着连接MQTT:

注意:很多同学都会犯一个错误,设置好MQTT参数后没有发起连接,导致程序无法正常运行。

连接平台

发送程序

每隔半分钟发送一次垃圾箱的实时温湿度到阿里云平台上:
发送程序

接收程序

这段代码的目的是为了能在web平台上控制垃圾箱的灯开关与否。

接收程序

Web设计

UI设计

web应用展示.png

  • 地图:显示设备位置;

  • 卡片:显示设备当前温湿度;

  • 实时曲线图:显示设备温湿度变化曲线;

  • 仪表盘:显示设备装载率;

  • 开关:控制设备灯的开关与否。

关于配置数据流的教程,见我在前言中提到的帖子:http://aciano.top/redirect/?target=https://mc.dfrobot.com.cn/thread-308336-1-1.html

交互设计

上文提到的在web端实现控制垃圾箱灯的开关与否,就是与交互设计有关。

首先我们在界面上拖出一个开关,然后点中这个开关:

交互1
设置事件为点击,动作为设置设备属性,然后点击配置设备按钮:

交互2
选择好产品和设备后,属性选择灯的布尔值,然后点击参数来源,选择组件值,再选择到刚才拉出来的这个开关名称,就可以啦。

详细教程见阿里云平台文档:http://aciano.top/redirect/?target=https://help.aliyun.com/document_detail/125144.html

阿里云平台展示与功能演示

详见《掌控板数据上报阿里云平台》
http://aciano.top/redirect/?target=http://www.bilibili.com/video/BV1vw41197Xt

End