基于 IoT 物联网 + 表格存储 DB + DataV 搭建实时环境监控大屏——实践类
今天给大家带来基于阿里云 IoT 物联网平台 + Tablestore 表格存储数据库 + DataV 大屏 三大云产品组合搭建实时环境监控大屏的开发实战。
少啰嗦,先看效果。
![](https://static001.geekbang.org/infoq/ca/cae9e127e8a12f1e05e07dbde07cf3bf.png)
部署后效果
1.技 术 架 构
我们在室内每层部署 4 个温湿度传感器,实时采集数据,每 10 秒发送到阿里云 IoT 物联网平台,通过规则引擎写入 表格存储 Tablestore 数据库。在 DataV 大屏工作台,创建可视化大屏,实时展示室内温湿度变化曲线。
技术架构如下:
![](https://static001.geekbang.org/infoq/a4/a4b9be139df9a94ec561662c9e7c713d.png)
2.IoT 物联网开发
2.1 创建产品和注册设备
首先,我们登陆 IoT 物联网平台的控制台,创建产品温湿度环境监测器,并在功能定义中添加温度和湿度两个属性,如下图:
![](https://static001.geekbang.org/infoq/f2/f230a07074109fba11f79d8646b88827.png)
然后,我们在产品下注册一个设备,获取设备身份证书,用于设备和 IoT 云平台建立 MQTT 长连接时的身份认证。
![](https://static001.geekbang.org/infoq/ed/ed5df0b673c868c5378bebcf96fedd37.png)
2.2 配置云产品流转
1.4.配置规则引擎,实时流转数据到 TSDB 中
![](https://static001.geekbang.org/infoq/60/6002cf25cc38979f9a2fe6360da61816.png)
编写数据处理 SQL:
![](https://static001.geekbang.org/infoq/07/07005bf64d005b7417b960e52aa1f256.webp?x-oss-process=image%2Fresize%2Cp_80%2Fformat%2Cpng)
完整 SQL 参考:
数据转发:
![](https://static001.geekbang.org/infoq/44/447893096c98ddd554b5725de0f7fb6d.png)
2.3 设备端程序脚本
我们以 Node.js 脚本来模拟设备上报温度和湿度,代码如下:
3.表格存储 Tablestore
3.1 创建表格存储数据表
我们在表格存储控制台,创建数据库 iotMsg,并创建 iot_thermometer_data 数据表,其中以 deviceName 和 time 为主键列,如下图:
![](https://static001.geekbang.org/infoq/d9/d95d5fde1bfe5effd14e1211a6394fa9.png)
3.2 实时存储的环境数据
当设备启动后,我们就会在数据库中看到实时的温湿度数据,如下图:
![](https://static001.geekbang.org/infoq/0d/0d9bccea67422329513079b49858b158.png)
4.DataV 可视化大屏
设备实时上报数据通过 IoT 物联网平台实时流转到表格存储数据库后,接下来的工作就是把数据可视化呈现出来,这时就用到了 DataV 可视化大屏云产品。
4.1 添加数据源
我们进入 DataV 控制台,在我的数据下,添加数据源,输入表格存储实例 iot_data 的访问路径和 AccessKey 身份信息,如下图:
![](https://static001.geekbang.org/infoq/3d/3d3a7e832fea143f675e6e0c6a124474.png)
4.2 搭建大屏页面
配置完数据源后,在 DataV 控制的我的可视化下面创建一个大屏,根据业务需求添加可视化组件,并为每个组件配置相关的数据源,以及过滤器用来适配数据格式,如下图:
![](https://static001.geekbang.org/infoq/2f/2fc6375f65a71f4d70832c2f8b372791.webp?x-oss-process=image%2Fresize%2Cp_80%2Fformat%2Cpng)
4.3 发布实时监控大屏
当我们完成组件的数据源配置后,就可以发布可视化大屏了。发布后,用户可以通过浏览器访问,如下图:
![](https://static001.geekbang.org/infoq/a5/a580aea06ffb7615661c0067b4bdb28f.webp?x-oss-process=image%2Fresize%2Cp_80%2Fformat%2Cpng)
往期推荐
物联网平台产品介绍详情:https://www.aliyun.com/product/iot/iot_instc_public_cn
![](https://static001.geekbang.org/infoq/7f/7f112e369fd0c471427d814d4975fab9.png)
阿里云物联网平台客户交流群
评论