IoT Studio 场景最佳实践——实践类
1.使用 IoT Studio 快速构建可视化应用
在物联网业务场景中设备数据可视化应用是最普遍的需求,阿里云物联网应用开发(IoT Studio)提供了 Web 可视化开发、移动可视化开发、业务逻辑开发与物联网数据分析等一系列便捷的物联网开发工具,解决物联网开发领域开发链路长、定制化程度高、投入产出比低、技术栈复杂、协同成本高、方案移植困难等问题。
本次物联网场景最佳实践我们用六合一传感器(温度、湿度、二氧化碳、PM2.5、PM10、甲醛)实现家庭环境数据实时采集,通过家中 Wi-Fi 上报到阿里云 IoT 物联网平台,借助 IoT Studio 低代码工具搭建可视化大屏,实时监控家中环境指标变化。
完整链路参考如下:

2.操作步骤
2.1 物联网平台开发
前往物联网平台控制台。
说明:如果您未开通物联网平台,请您根据页面提示,开通物联网平台。
在实例概览页面,选择您的实例。
说明:本实验以企业实例进行实验操作。

在新建产品页签,产品名称输入六合一环境传感器,所属品类选择自定义品类,其他配置保持默认即可,单击确认。

在功能定义页签,单击功能定义。在添加自定义功能对话框中,功能名称输入温度,标识符输入 temperature,设置数据类型和取值范围等,单击确认。

同理,我们依次添加湿度、二氧化碳、PM2.5、PM10、甲醛浓度,如下图。最后,单击发布上线。

在添加设备对话框中,产品选择六合一环境传感器,DeviceName 输入 sensor007,单击确认。


2.2 IoT Studio 项目搭建
当我们完成物联网平台开发后,即可进入到物联网应用开发服务(IoT Studio)的工作台完成物联网应用的搭建。
注:物联网应用开发服务(IoT Studio)企业版购买入口 https://common-buy.aliyun.com/?commodityCode=iot_studionew_public_cn
前往IoT Studio工作台,选择上一步创建设备的实例。

在左侧导航栏中,单击项目管理,在新建空白项目对话框中,项目名称输入家庭环境监控,单击确认。

进入项目开发控制台,在 Web 应用页签,单击新建。

在新建 Web 应用对话框中,应用名称输入家庭环境实时监控大盘,单击确定。

在左侧导航栏中,单击产品。

在产品页面,单击关联物联网平台产品,选中六合一环境传感器,单击确定。关联后如下图。

在设备页面,单击关联物联网平台设备,选中 sensor007,单击确定。

关联后如下图:

至此,我们完成了 IoT Studio 项目的资源准备工作,接下来进入 Web 应用搭建环节。
2.3 Studio 应用开发
在家庭环境监控页面的 Web 应用页签,找到家庭环境实时监控大盘,单击右侧的编辑,接入应用搭建控制台。

选择左侧组件,然后在下拉框选择工业组件,选中刻度表,拖拽到页面即可。

同理,我们添加需要的组件(室内温度-刻度表、室内湿度-单色仪表盘、PM2.5 和 PM10 指数-多色仪表盘、二氧化碳浓度和甲醛浓度-数码管),完成页面布局,如下图。

页面布局好后,我们需要关联六合一传感器设备 sensor007。点击刻度表组件,在右侧找到配置数据源按钮。

在数据源配置页面,我们关联产品,选中设备 sensor007,并选择属性值温度。

同理,我们配置好其他组件的数据源后,即可点击右上角预览,查看效果页面

IoT 物联网家居环境监控大屏应用预览效果如下

2.4 联机运行
完成开发后,我们回到物联网平台控制台,进行设备模拟联调。
在物联网实例控制台,设备模拟器页面,我们调试设备选择为六合一环境传感器 sensor007,单击启动设备模拟器。

在上行指令调试的属性上报页签,输入模拟数据,单击发送指令,即可看到 IoT Studio 预览家居环境监控大屏页面上数据指标实时刷新。

3.相关产品
阿里云物联网平台为客户提供全托管的企业级实例服务,具有低成本、高可靠、高性能、高安全的优势,无需自建物联网基础设施即可接入各种主流协议的设备,管理运维亿级并发规模的设备,存储备份和处理分析 EB 量级的设备数据。帮助企业在物联网时代快速实现设备数据和应用数据的融合,是每个企业实现设备智能化升级的绝佳选择。
物联网应用开发(IoT Studio)是阿里云针对物联网场景提供的生产力工具,是阿里云物联网平台的一部分。可覆盖各个物联网行业核心应用场景,帮助您高效经济地完成物联网数据分析、设备、服务及应用开发,加速物联网 SaaS 构建。
物联网平台产品介绍详情:https://www.aliyun.com/product/iot/iot_instc_public_cn

阿里云物联网平台客户交流群
评论