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
相关文章
|
1天前
|
传感器 人工智能 搜索推荐
人工智能(AI)与物联网(IoT)的融合是当今技术领域的一个重要趋势
人工智能(AI)与物联网(IoT)的融合是当今技术领域的一个重要趋势
|
1天前
|
传感器 供应链 物联网
新技术革命:探索区块链、物联网和虚拟现实的发展趋势与应用
本文探讨了区块链、物联网和虚拟现实等新兴技术在当前和未来的发展趋势,以及它们在各自领域中的创新应用场景。通过深入分析这些技术的特点和潜力,展示了它们如何改变传统行业和日常生活,推动着全球数字化转型的进程。
4 0
|
1天前
|
安全 物联网 物联网安全
物联网(IoT)的兴起与挑战:技术变革的双刃剑
【6月更文挑战第17天】**物联网的崛起带来了智能家居、智慧城市等便利,但安全挑战、设备兼容性和带宽压力也随之而来。加强安全、统一标准及提升处理能力是关键。面对挑战,持续的技术创新和法规完善将推动其健康发展,物联网的未来充满希望。**
|
2天前
|
人工智能 安全 物联网
新技术趋势与应用:区块链、物联网和虚拟现实的未来发展
【6月更文挑战第15天】随着科技的飞速发展,新兴技术如区块链、物联网和虚拟现实正在逐渐改变我们的生活和工作方式。本文将探讨这些技术的发展趋势和应用场景,以及它们如何影响我们的未来。
13 2
|
4天前
|
供应链 物联网 区块链
新兴技术趋势与应用:探索区块链、物联网和虚拟现实的未来
在科技迅猛发展的今天,区块链、物联网和虚拟现实等新兴技术正逐步改变我们的生活和工作方式。这些技术不仅在各自领域内展现出巨大的潜力,还通过相互交织和融合,为社会带来全新的应用场景和解决方案。本文将深入探讨这些新兴技术的发展趋势,并剖析其在不同领域中的实际应用,从而揭示它们对未来社会的深远影响。
11 1
|
4天前
|
监控 供应链 物联网
新兴技术趋势与应用:区块链、物联网、虚拟现实的融合与发展
【6月更文挑战第13天】随着科技的飞速发展,新兴技术如区块链、物联网、虚拟现实等正在逐渐改变我们的生活和工作方式。本文将探讨这些技术的发展趋势和应用场景,以及它们如何相互融合,为我们带来更便捷、高效和安全的未来。
10 0
|
7天前
|
传感器 供应链 物联网
新兴技术的未来蓝图:区块链、物联网与虚拟现实的前景和应用
在当今快速变化的科技世界中,区块链、物联网(IoT)和虚拟现实(VR)作为新兴技术,正逐步改变各行各业的运作模式和用户体验。本文将深入探讨这些技术的发展趋势和应用场景,展示它们如何在不同领域带来革命性的变革,并对未来的潜在影响进行预判。
20 2
|
11天前
|
人工智能 物联网 区块链
新兴科技趋势:区块链、物联网、虚拟现实的发展与应用探讨
随着科技的不断发展,新兴技术如区块链、物联网、虚拟现实等正日益成为各行各业的关注焦点。本文将探讨这些新技术的发展趋势和广泛应用场景,以期为读者提供对未来科技发展的深入理解。
10 0
|
12天前
|
传感器 供应链 物联网
新兴科技助力未来发展:区块链、物联网和虚拟现实的趋势与应用
在当今数字化时代,新兴技术如区块链、物联网和虚拟现实正在迅猛发展,为各行各业带来了巨大的变革。本文将探讨这些新技术的发展趋势,并深入剖析它们在不同领域的应用场景,揭示其对未来社会发展的重要影响。
14 0
|
12天前
|
机器学习/深度学习 传感器 算法
物联网(IoT)数据与机器学习的结合
【6月更文挑战第6天】物联网和机器学习加速融合,驱动数据收集与智能分析。通过机器学习算法处理 IoT 数据,实现智能家居、工业生产的智能化。示例代码展示如何用线性回归预测温度。结合带来的优势包括实时监测、预警、资源优化,但也面临数据质量、隐私安全、算法选择等挑战。未来需强化技术创新,应对挑战,推动社会智能化发展。
53 0

热门文章

最新文章

相关产品

  • 物联网平台

  • http://www.vxiaotou.com