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

相关实践学习
钉钉群中如何接收IoT温控器数据告警通知
本实验主要介绍如何将温控器设备以MQTT协议接入IoT物联网平台,通过云产品流转到函数计算FC,调用钉钉群机器人API,实时推送温湿度消息到钉钉群。
阿里云AIoT物联网开发实战
本课程将由物联网专家带你熟悉阿里云AIoT物联网领域全套云产品,7天轻松搭建基于Arduino的端到端物联网场景应用。 开始学习前,请先开通下方两个云产品,让学习更流畅: IoT物联网平台:https://iot.console.aliyun.com/ LinkWAN物联网络管理平台:https://linkwan.console.aliyun.com/service-open
相关文章
|
5天前
|
安全 物联网 网络安全
智能设备的安全隐患:物联网(IoT)安全指南
智能设备的安全隐患:物联网(IoT)安全指南
28 12
|
1天前
|
供应链 监控 搜索推荐
物联网技术在物流领域的应用会带来哪些影响?
物联网技术在物流领域的应用会带来哪些影响?
6 2
|
2天前
|
传感器 监控 供应链
物联网技术在智慧工地中如何应用?
物联网技术在智慧工地的应用主要包括:实时项目状况监控,通过传感器监测环境条件;人员与设备管理,利用RFID或人脸识别技术记录考勤,实时追踪工人位置;环境与安全监控,确保符合安全标准;施工效率与成本控制,优化资源分配;远程监控与智能分析,支持远程决策;材料管理与供应链优化,减少浪费;智能施工与自动化,提高施工效率。这些应用提升了工地的智能化水平,加强了安全管理,促进了建筑行业的数字化转型。
|
2天前
|
存储 算法 安全
消息认证码(MAC)在物联网发布者中如何应用
消息认证码(MAC)在物联网发布者中的应用主要是为了确保数据的完整性和来源的真实性。通过使用密钥生成的MAC值,可以验证发送者身份和数据未被篡改,从而提高物联网系统的安全性和可靠性。
|
1天前
|
供应链 物联网 区块链
新技术趋势与应用:探索区块链、物联网和虚拟现实的未来
【10月更文挑战第37天】本文将探讨新兴技术如区块链、物联网和虚拟现实的发展趋势和应用场景。我们将从这些技术的基本原理出发,分析它们在当前社会中的应用,并预测未来的发展方向。同时,我们还将提供一些代码示例,以帮助读者更好地理解这些技术。
|
3天前
|
传感器 监控 安全
物联网(IoT):定义、影响与未来
物联网(IoT):定义、影响与未来
17 3
|
4天前
|
供应链 物联网 区块链
未来已来:探索区块链、物联网与虚拟现实技术的融合趋势与实践应用
【10月更文挑战第34天】随着科技的迅猛发展,新兴技术如区块链、物联网(IoT)和虚拟现实(VR)正逐步渗透到我们的生活中,不仅改变着我们的生活方式,还在重塑全球的经济结构。本文将深入探讨这些技术的发展现状、相互之间的融合趋势以及在实际应用中的创新场景。我们将通过具体案例分析,揭示这些技术如何共同作用,推动社会向更加智能、互联的方向发展。
16 3
|
9天前
|
传感器 监控 物联网
PWM在物联网中的应用
PWM(脉冲宽度调制)在物联网中广泛应用,通过控制信号的占空比来调节设备的工作状态,如LED亮度、电机速度等,实现高效、精确的控制,常用于智能家居、工业自动化等领域。
|
5天前
|
传感器 监控 物联网
物联网与虚拟现实:未来技术趋势与应用
随着科技的不断进步,新兴技术如物联网(IoT)和虚拟现实(VR)正在逐步改变我们的生活、工作以及娱乐方式。本文旨在探讨这些前沿技术的发展趋势及其在多个行业的潜在应用场景,分析其对社会发展的深远影响,并对未来的发展方向进行展望。通过详细分析,本文揭示了物联网和虚拟现实如何共同推动社会进步,并带来创新和可能性。
|
6天前
|
传感器 监控 物联网
物联网与虚拟现实:未来科技的发展趋势与应用探索####
本文探讨了物联网(IoT)与虚拟现实(VR)这两大新兴技术的最新发展趋势及其广泛的应用场景。通过分析这些技术的核心原理、当前发展现状以及未来的潜在影响,揭示了它们如何独立演进又相互融合,共同推动社会进步。本文旨在为读者提供一个全面的了解,以把握未来科技的脉络,迎接技术革新带来的挑战与机遇。 ####

热门文章

最新文章

相关产品

  • 物联网平台