IoT Studio 物联网可视化应用搭建开发实践

简介: 阿里云 IoT Studio 物联网可视化应用搭建开发实践

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

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


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


完整链路参考如下:

image.png

2.操作步骤

2.1 物联网平台开发

  1. 前往物联网平台控制台

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

  1. 在实例概览页面,选择您的实例。

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

image.png


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

image.png

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

image.png

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

image.png

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

image.png


image.png


2.2 IoT Studio项目搭建

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

注:物联网应用开发服务(IoT Studio)企业版购买入口 https://common-buy.aliyun.com/?commodityCode=iot_studionew_public_cn

  1. 前往IoT Studio工作台,选择上一步创建设备的实例。

image.png

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

image.png

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

image.png

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

image.png

  1. 在左侧导航栏中,单击产品
  2. image.png


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

image.png

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

image.png

关联后如下图:

image.png

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


2.3 Studio应用开发

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

image.png


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

image.png

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

image.png

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

image.png

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

image.png

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

image.png

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

image.png

2.4联机运行

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

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

image.png


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

image.png

相关实践学习
阿里云AIoT物联网开发实战
本课程将由物联网专家带你熟悉阿里云AIoT物联网领域全套云产品,7天轻松搭建基于Arduino的端到端物联网场景应用。 开始学习前,请先开通下方两个云产品,让学习更流畅: IoT物联网平台:https://iot.console.aliyun.com/ LinkWAN物联网络管理平台:https://linkwan.console.aliyun.com/service-open
相关文章
|
8月前
|
物联网
(手把手)在华为云、阿里云搭建自己的物联网MQTT消息服务器,免费IOT平台
本文介绍如何在阿里云搭建自己的物联网MQTT消息服务器,并使用 “MQTT客户端调试工具”模拟MQTT设备,接入平台进行消息收发。
2782 42
|
9月前
|
数据采集 监控 网络协议
​MCP协议深度解析:原理、应用与物联网时代的机遇-优雅草卓伊凡
​MCP协议深度解析:原理、应用与物联网时代的机遇-优雅草卓伊凡
980 40
​MCP协议深度解析:原理、应用与物联网时代的机遇-优雅草卓伊凡
|
7月前
|
传感器 边缘计算 物联网
淘宝商品详情 API 与物联网技术融合的创新应用探索
在传统电商架构中,商品数据主要存储于云端服务器,但物联网设备的实时数据采集需求催生了边缘计算节点的部署。以智能货架为例,每个货架内置的RFID传感器与重量感应器实时采集商品库存变动数据,通过边缘计算网关进行数据预处理(如去重、异常值过滤),仅将关键信息(如库存低于阈值、商品被频繁拿起)通过淘宝商品详情API同步至云端。这种“边缘过滤+云端聚合”的模式,将数据传输量降低70%以上,同时确保库存数据的秒级更新。
Java 大视界 -- 基于 Java 的大数据实时流处理在工业物联网设备状态监测中的应用与挑战(167)
本文围绕基于 Java 的大数据实时流处理技术,深入探讨其在工业物联网设备状态监测中的应用与挑战。不仅介绍了技术架构、原理和案例,还引入边缘计算技术,提出应对数据质量、性能和安全等问题的策略。
|
10月前
|
存储 监控 安全
工业物联网关应用:PLC数据通过智能网关上传阿里云实战
本文介绍如何使用智能网关将工厂PLC数据传输至阿里云平台,适合中小企业远程监控设备状态。硬件准备包括三菱FX3U PLC、4G智能网关和24V电源。接线步骤涵盖PLC编程口与网关连接、运行状态检测及天线电源接入。配置过程涉及通讯参数、阿里云对接和数据点映射。PLC程序关键点包括数据上传触发和温度值处理。阿里云平台操作包含实时数据查看、数据可视化和规则引擎设置。最后提供常见故障排查表和安全建议,确保系统稳定运行。
921 1
|
传感器 物联网 数据挖掘
新技术趋势与应用:物联网与虚拟现实的未来发展###
随着科技的迅猛发展,物联网(IoT)和虚拟现实(VR)已成为引领未来的重要技术趋势。本文旨在探讨这两项新兴技术的发展趋势和应用场景,通过分析当前技术现状、挑战及未来前景,揭示物联网和虚拟现实在各领域的潜在影响和应用价值。研究表明,物联网在智能家居、智慧城市、工业自动化等方面具有广泛的应用前景;而虚拟现实则在游戏娱乐、教育培训、医疗健康等领域展现出巨大的潜力。本文认为,随着技术的不断进步,物联网和虚拟现实将深度融合,为社会经济发展带来新的机遇和挑战。 ###
538 59
|
11月前
|
物联网 数据挖掘 BI
基于阿里云物联网平台(IoT)的智能家居系统开发与部署
随着物联网技术的发展,智能家居成为提升生活品质的重要方向。阿里云物联网平台提供设备接入、数据管理及应用开发能力,支持亿级设备接入、高效数据管理和灵活应用开发,确保系统安全。本文通过实战案例展示如何基于该平台构建智能家居系统,涵盖设备接入、远程控制、场景联动与数据分析等功能,助力企业快速部署智能家居解决方案。
|
安全 物联网 物联网安全
揭秘区块链技术在物联网(IoT)安全中的革新应用
揭秘区块链技术在物联网(IoT)安全中的革新应用
|
存储 安全 物联网
未来已来:区块链技术在物联网与虚拟现实中的应用
随着科技的不断进步,新兴技术如区块链、物联网(IoT)和虚拟现实(VR)正在逐渐改变我们的生活和工作方式。本文将探讨这些技术的发展趋势和应用场景,以及它们如何相互融合,为我们带来更便捷、安全和沉浸式的体验。
|
供应链 监控 数据可视化
物联网技术在物流与供应链管理中的应用与挑战
本文探讨了物联网技术在物流与供应链管理中的应用,通过实时追踪、信息共享、智能化决策等手段,大幅提升了管理效率和智能化水平。特别介绍了板栗看板作为专业可视化工具,在数据监控、分析及协同作业中的重要作用。未来,随着技术的进一步发展,物流与供应链管理将更加智能高效,但也面临数据安全、标准化等挑战。
1097 2

相关产品

  • 物联网平台