零代码搭建空气质量检测可视化大屏【我的IoT端边云体验】

举报
清雨小竹 发表于 2022/10/19 11:01:54 2022/10/19
【摘要】 物联网解决方案中,作为数据主体的“物”可能数量会非常大,产生的数据已经无法通过传统的数据处理服务进行处理。如何分析与利用这庞大的物联网设备数据对物联网企业来说又是一个新的挑战。华为云物联网平台提供规则引擎能力,支持将设备上报的数据转发至华为云其他云服务,可实现将海量数据通过对象存储服务(OBS)存储,再由数据可视化服务(DLV)读取数据呈现为可视化报表,实现数据的一站式采集、处理和分析

场景说明

      物联网解决方案中,作为数据主体的“物”可能数量会非常大,产生的数据已经无法通过传统的数据处理服务进行处理。如何分析与利用这庞大的物联网设备数据对物联网企业来说又是一个新的挑战。华为云物联网平台提供规则引擎能力,支持将设备上报的数据转发至华为云其他云服务,可实现将海量数据通过对象存储服务(OBS)存储,再由数据可视化服务(DLV)读取数据呈现为可视化报表,实现数据的一站式采集、处理和分析。

      之前一篇文章【太棒了,5分钟构建IoT智能电梯检测器模型】结合华为云设备接入服务完成了对物联网设备模型的构建。本次我们结合华为云设备接入服务和华为云数据可视化服务,实现物联网设备属性数据和可视化大屏的联动,将物联网设备数据实时展示到可视化大屏上,完成空气质量可视化大屏的搭建。

 

一、创建空气检测物联网设备模型。

1.访问设备接入服务,单击“立即使用”进入设备接入控制台。选择“产品”菜单创建一个基于MQTT协议的产品,填写参数后,单击“确认”。

1.png

2.png

3.进入产品详情进入模型定义界面,点击“导入库模型”选择AirMonitorDevice点击确定。

3.png

4.png

5.png

4.点击在线调试,新增测试设备,选择虚拟设备然后点确定创建虚拟测试设备。

6.png

5.在测试设备列表点击“调试”按钮进入设备调试界面,在右侧设备模拟器里模拟一下设备属性上报,可以看到loT平台和模拟器之间有数据交互。

7.png

8.png

二、创建数据转发规则

6.返回设备接入管理控制台界面,点击左侧菜单规则——数据转发——创建规则。

9.png

7.界面上依次进行设置,然后创建规则。

10.png

11.png

8.规则创建成功后,设置转发目标。如果没有OBS授权的话需要先点击“访问授权”确实授权。转发字段设置如下:

转发字段

目标存储字段

notify_data.body.services[0].properties.CO

co

notify_data.body.services[0].properties.CO2

co2

notify_data.body.services[0].properties.SO2

so2

notify_data.body.services[0].properties.PM25

pm25

notify_data.body.services[0].properties.PM10

pm10

12.png

13.png

9.点击确定保存转发目标,在启动规则页面点击启动规则。

15.png

10.数据转发规则启动后我们可以进入设备调试界面模拟发送一下设备属性上报,我们可以在对象存储服务里看到已经存储为CSV文件的设备属性数据。

16.png

17.png

三、创建数据可视化的“数据链接”

11.访问数据可视化DLV服务,单击“立即使用”后开通该服务。

19.png

20.png

 

12.点击数据可视化左侧我的数据菜单,点击新建数据链接。

21.png

13.选择CSV数据类型,在右侧输入AccessKey和SecretAccessKey,这两个key需要在“我的凭证”界面进行创建。文件路径选择刚才我们在设备属性上报里保存到OBS中的csv文件。

22.png

四、创建数据可视化大屏

14.点击数据可视化左侧菜单我的大屏——新建大屏。

23.png

15.选择“能源化工管理看板”,右侧输入大屏名称点击创建大屏。

24.png

 

16.大屏设计界面打开后,点击顶部的“数据转换器”,新建数据转换器。

25.png

17.根据自身业务逻辑可以修改成符合业务的数据转换代码(参考:使用数据转换器 )

26.png

18.在大屏图层界面对大屏上的控件进行数据源设置,选择左上角的表格控件更改数据源属性如图,可以看到表格控件内的数据已经更新。

27.png

19.数据联调,打开设备调试界面点击设备模拟器进行属性上报,我们可以在大屏界面看到表格数据已经更新。

28.png

29.png

20.我们可以根据自身业务需要对大屏上的其他控件设置不同的数据源,至此物联网设备可视化大屏开发完毕。

 


写在最后

      通过上述实验我们利用华为云设备接入服务和数据可视化服务完成了物联网设备模型定义,设备属性数据持久化存储到OBS,可视化大屏数据源接入、可视化大屏界面设计开发调试的完整流程,学会了如何将物联网设备数据以直观的方式展现出来,整个体验流程比较顺畅需要注意的是在设备数据转发规则那里需要设置好设备属性对应的名称,在可视化大屏数据转换器那需要根据自身业务需要填写相应代码,通过数据转换器我们可以将海量的物联网设备数据根据需要转换成可以在大屏上展示的统计数据。在实际的项目中借助华为云设备接入服务和数据可视化服务我们可以以极低的成本完成物联网数据的数据呈现。

 

【我的IoT端边云体验】有奖征文火热进行中:https://bbs.huaweicloud.com/blogs/378687
此外,在(https://bbs.huaweicloud.com/activity/suggestion.html)提出您的宝贵建议,标题以【云驻计划-定向征文】开头,还有机会赢取额外奖励。

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。