1.使用IoT Studio快速构建可视化应用

在物联网业务场景中设备数据可视化应用是最普遍的需求，阿里云物联网应用开发（IoT Studio）提供了Web可视化开发、移动可视化开发、业务逻辑开发与物联网数据分析等一系列便捷的物联网开发工具，解决物联网开发领域开发链路长、定制化程度高、投入产出比低、技术栈复杂、协同成本高、方案移植困难等问题。

本次物联网场景最佳实践我们用六合一传感器（温度、湿度、二氧化碳、PM2.5、PM10、甲醛）实现家庭环境数据实时采集，通过家中Wi-Fi上报到阿里云IoT物联网平台，借助IoT Studio低代码工具搭建可视化大屏，实时监控家中环境指标变化。

完整链路参考如下：

2.操作步骤

2.1 物联网平台开发

1.前往。

说明： 如果您未开通物联网平台，请您根据页面提示，开通物联网平台。

2.在实例概览页面，选择您的实例。

说明： 本实验以企业实例进行实验操作。

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

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

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

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

2.2 IoT Studio项目搭建

当我们完成物联网平台开发后，即可进入到物联网应用开发服务（IoT Studio）的工作台完成物联网应用的搭建。

注：物联网应用开发服务（IoT Studio）企业版购买入口

1.前往，选择上一步创建设备的实例。

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

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

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

5.在左侧导航栏中，单击产品。

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

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

关联后如下图：

至此，我们完成了IoT Studio项目的资源准备工作，接下来进入Web应用搭建环节。

2.3 Studio应用开发

1.在 家庭环境监控 页面的 Web应用 页签，找到 家庭环境实时监控大盘， 单击右侧的编辑，接入应用搭建控制台。

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

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

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

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

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

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

2.4联机运行

完成开发后，我们回到物联网平台控制台，进行设备模拟联调。

1.在物联网实例控制台， 设备模拟器 页面，我们 调试设备 选择为 六合一环境传感器sensor007 ，单击 启动设备模拟器 。

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

3.相关产品

阿里云物联网平台

阿里云物联网平台为客户提供全托管的企业级实例服务，具有低成本、高可靠、高性能、高安全的优势，无需自建物联网基础设施即可接入各种主流协议的设备，管理运维亿级并发规模的设备，存储备份和处理分析EB量级的设备数据。帮助企业在物联网时代快速实现设备数据和应用数据的融合，是每个企业实现设备智能化升级的绝佳选择。