手把手教你用IoT设备监控家庭环境数据
1. 物联网平台开发
实验内容
本实验中我们用六合一传感器(温度、湿度、二氧化碳、PM2.5、PM10、甲醛)实现家庭环境数据实时采集,通过家中Wi-Fi上报到阿里云IoT物联网平台,借助IoT Studio低代码工具搭建可视化大屏,实时监控家中环境指标变化。
物联网应用开发提供了Web可视化开发、移动可视化开发、业务逻辑开发与物联网数据分析等一系列便捷的物联网开发工具,解决物联网开发领域开发链路长、定制化程度高、投入产出比低、技术栈复杂、协同成本高、方案移植困难等问题。
架构参考
物联网开发实战完整链路参考如下:
物联网平台开发
- 前往物联网平台控制台。
说明:如果您未开通物联网平台,请您根据页面提示,开通物联网平台。
- 在实例概览页面,选择您的实例。
说明:本实验以公共实例为例,您也可以购买企业实例进行实验操作。
- 在左侧导航栏中,选择设备管理>产品。
- 在产品页面,单击创建产品。
- 在新建产品页签,产品名称输入六合一环境传感器,所属品类选择自定义品类,其他配置保持默认即可,单击确认。
- 创建完成后,单击查看产品详情。
- 在产品信息页签,单击功能定义。
- 在功能定义页签,单击功能定义。
- 在编辑草稿页面,单击添加自定义功能。
- 在添加自定义功能对话框中,功能名称输入温度,标识符输入temperature,设置数据类型和取值范围等,单击确认。
- 同理,我们依次添加湿度、二氧化碳、PM2.5、PM10、甲醛浓度,如下图。最后,单击发布上线。
- 在发布物模型上线对话框中,选中确认已查看当前版本与线上版本的对比结果,单击确定。
- 发布后,我们在功能定义页签可以看到完整物模型定义。
- 在左侧导航栏中,选中设备管理>设备。
- 在设备列表页签,单击添加设备。
- 在添加设备对话框中,产品选择六合一环境传感器,DeviceName输入sensor007,单击确认。
- 设备注册成功,如下图。
2. IoT Studio 项目搭建
当我们完成物联网平台开发后,即可进入到IoT Studio的工作台完成物联网应用的搭建。
- 前往IoT Studio工作台,选择上一步创建设备的实例。
- 在左侧导航栏中,单击项目管理。
- 在项目管理页面,单击新建项目。
- 在新建项目页面,单击新建空白项目。
- 在新建空白项目对话框中,项目名称输入家庭环境监控,单击确认。
- 进入项目开发控制台,在Web应用页签,单击新建。
- 在新建Web应用对话框中,应用名称输入家庭环境实时监控大盘,单击确定。
- 在左侧导航栏中,单击产品。
- 在产品页面,单击关联物联网平台产品。
- 在关联物联网产品面板,选中六合一环境传感器,单击确定。
关联后如下图。
- 在左侧导航栏中,单击设备。
- 在设备页面,单击关联物联网平台设备。
- 在关联设备面板,选中sensor007,单击确定。
关联后如下图:
至此,我们完成了IoT Studio项目的资源准备工作,接下来进入Web应用搭建环节。
3. Web应用搭建
本节我们目标是完成Web应用搭建。
- 在左侧导航栏中,单击主页,进入studio项目控制台。
- 在家庭环境监控页面的Web应用页签,找到家庭环境实时监控大盘,单击右侧的编辑,接入应用搭建控制台。
- 我们修改自定义新增页的名称为实时环境大屏。
- 选择左侧组件,然后在下拉框选择工业组件,选中刻度表,拖拽到页面即可。
- 同理,我们添加需要的组件(室内温度-刻度表、室内湿度-单色仪表盘、PM2.5和PM10指数-多色仪表盘、二氧化碳浓度和甲醛浓度-数码管),完成页面布局,如下图。
- 页面布局好后,我们需要关联六合一传感器设备sensor007。点击刻度表组件,在右侧找到配置数据源按钮。
- 在数据源配置页面,我们关联产品,选中设备sensor007,并选择属性值温度。
- 同理,我们配置好其他组件的数据源后,即可点击右上角预览,查看效果页面
- IoT物联网家居环境监控大屏应用预览效果如下
4. 设备联机运行
完成开发后,我们回到物联网平台控制台,进行设备模拟联调。
- 在物联网平台的左侧导航栏中,选择设备管理>设备模拟器。
- 在设备模拟器页面,我们调试设备选择为六合一环境传感器sensor007,单击启动设备模拟器。
- 在上行指令调试的属性上报页签,输入模拟数据,单击发送指令,即可看到IoT Studio预览家居环境监控大屏页面上数据指标实时刷新。
至此,我们完成了IoT家庭环境数据大屏监控实验。
5. 总结
恭喜你,完成了本次物联网开发实战。
让我们再回顾一下完整开发过程:
1. 在阿里云IoT物联网平台创建六合一传感器,并注册新设备。
2. 在IoT Studio 控制台创建项目,并关联物联网设备。
3. 搭建Web页面,配置数据源。
4. 启动设备模拟器,观察家庭环境监控大屏数据实时变化。
欢迎加入阿里云IoT物联网在线交流群,如果实验有任何问题,可以进群咨询。
实验链接:https://developer.aliyun.com/adc/scenario/f1a1f03e4f5e4f36ab8f3d098272fc85