搭建零代码可视化大屏【我的IoT端边云体验】

举报
千江有水千江月 发表于 2022/10/30 20:01:05 2022/10/30
【摘要】 物联网在博文《体验征文|零代码搭建物联网可视化大屏》开头部分提到这样一段话:"而物联网作为继计算机、互联网之后世界信息产业发展的第三次浪潮,面临的挑战除了要让物“开口说话”、让物“说同一种话”,还要让物“说有价值的话”。我感觉很形象,很生动,也很有意义,在这里单独贴出来,展示给大家。一些工业工厂中,存在恶劣的生产环境,那么这个场景就急需物联网技术,减少人员到场频率,保护人身安全。喜欢物联网...

物联网

在博文《体验征文|零代码搭建物联网可视化大屏》开头部分提到这样一段话:"而物联网作为继计算机、互联网之后世界信息产业发展的第三次浪潮,面临的挑战除了要让物“开口说话”、让物“说同一种话”,还要让物“说有价值的话”。我感觉很形象,很生动,也很有意义,在这里单独贴出来,展示给大家。

一些工业工厂中,存在恶劣的生产环境,那么这个场景就急需物联网技术,减少人员到场频率,保护人身安全。喜欢物联网的同学,可以去看看中国制造2025和工业4.0的相关概念与技术落地。

零代码搭建物联网可视化大屏

数据流向

iot-zc-dlv-1.png

IotDA服务

iot-zc-dlv-2.png

OBS服务

iot-zc-dlv-3.png

DLV服务

iot-zc-dlv-4.png

IotDA - 创建产品

iot-zc-dlv-5.png

iot-zc-dlv-6.png

IotDA - 产品 - 导入库模型

  • 可以自建产品模型,也可以使用平台提供的现成模型

iot-zc-dlv-7.png

  • 注意看这个界面,以后调试会用到的。

iot-zc-dlv-8.png

IotDA - 产品 - 在线调试(命令下发与属性上报)

  • 这里有三方:设备方、平台方和应用方。在做项目时,经常需要拉着两方或者三方的人一起开会、调试。

iot-zc-dlv-9.png

iot-zc-dlv-10.png

iot-zc-dlv-11.png

IotDA - 规则 - 数据转发 - 设置转发数据

  • iot要传到obs

iot-zc-dlv-12.png

iot-zc-dlv-13.png

IotDA - 规则 - 数据转发 - 设置转发目标

iot-zc-dlv-14.png

iot-zc-dlv-15.png

iot-zc-dlv-16.png

  • 创建一个obs新桶

iot-zc-dlv-17.png

iot-zc-dlv-18.png

  • 设置转发数据

iot-zc-dlv-19.png

iot-zc-dlv-20.png

  • 使用在线调试,上报两个数据,可以看到obs桶的JSON数据文件
{"resource":"device.property","event":"report","event_time":"20221030T105759Z","request_id":"de73a3e7-355c-4b54-8d06-8c35033cb3af","notify_data":{"header":{"app_id":"f48fdd95ddbf4329976327be8845bf78","device_id":"635e4e59222a8601d4030a24_1667125157354","node_id":"1667125157354","product_id":"635e4e59222a8601d4030a24","gateway_id":"635e4e59222a8601d4030a24_1667125157354"},"body":{"services":[{"service_id":"BasicData","properties":{"luminance":"200"},"event_time":"20221030T105759Z"}]}}}
{"resource":"device.property","event":"report","event_time":"20221030T105828Z","request_id":"a216503b-9e59-4dfb-bcb0-4ec4f1ea9ad1","notify_data":{"header":{"app_id":"f48fdd95ddbf4329976327be8845bf78","device_id":"635e4e59222a8601d4030a24_1667125157354","node_id":"1667125157354","product_id":"635e4e59222a8601d4030a24","gateway_id":"635e4e59222a8601d4030a24_1667125157354"},"body":{"services":[{"service_id":"BasicData","properties":{"luminance":"300"},"event_time":"20221030T105828Z"}]}}}

DLV服务 - 初次开通 + 新建数据连接

iot-zc-dlv-21.png

iot-zc-dlv-22.png

  1. 需要申请AK/SK
  2. 需要将转发数据更改为csv格式

AK/SK + csv格式

  • AK/SK,需要保存好文件

iot-zc-dlv-23.png

  • csv格式,需要根据json来拆解
  • 此处我仅保留了一个字段

iot-zc-dlv-24.png

  • 清空obs

iot-zc-dlv-25.png

IotDA - 产品 - 在线调试 + obs查看数据

  • 多试几次

iot-zc-dlv-26.png

iot-zc-dlv-27.png

luminance
100
100
200

DLV服务 - 新建数据连接

iot-zc-dlv-28.png

iot-zc-dlv-29.png

DLV服务 - 创建大屏

iot-zc-dlv-30.png

  • 数据转换器是必备的!

iot-zc-dlv-31.png

iot-zc-dlv-32.png

  • 数据流打通,整个流程大体上就完成了。
  • 嘱咐一下,obs和demo啥的,不用的话,记得停掉。

感想

整个流程走下来,我感觉平台的各项操作很流畅、很便利,各项功能也比较完善。当然啦,本文示例做得十分简单,后续大有可完善的地方。最后,给大家展示一下官方自带的酷炫UI布局。

iot-zc-dlv-33.png

参考资料

附加

【我的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个月内不可修改。