使用阿里云IoT Studio建立物模型可视化界面

2024-05-13 17:58:08

使用阿里云IoT Studio建立物模型可视化界面

上一篇文章介绍了如何使用ESP-01S上报数据到物模型：https://blog.csdn.net/weixin_46251230/article/details/128996719

这次使用阿里云IoT Studio建立物模型的Web页面

阿里云IoT Studio： https://studio.iot.aliyun.com/

注意：IoT Studio免费使用期限是一个月，过了一个月之后要付费才能继续使用

创建项目

打开网页后，点击项目管理

点击新建项目，如果原来有项目的，要先删除原来的才能新建，体验版只能创建一个项目

点击新建空白项目

输入项目名称

在项目主页点击产品关联

选择关联自己的产品，再勾选关联其下所有设备，点击确定

产品一栏中已经显示了之前创建的产品信息，后续如果要删除产品关联，可以点击解除关联，设备同理

点击新建Web应用

输入页面名称，点击确定

编辑Web页面

创建温度仪表盘

在Web页面中点击组件栏，就可以将组件拖动到画板上，做出自己的显示页面

选择一个仪表盘并点击，在右侧可以为其配置数据源

选择自己的产品，设备，设备里要显示的属性值，这里选择温度，最后确定

再配置单位和文字

就设置好了温度仪表盘

点击右上角的预览按钮，就可以浏览可视化页面

ESP-01S发送AT指令，改变温度值

AT+MQTTPUB=0,"/sys/hiyfcAbCXmq/ESP8266-1/thing/event/property/post","{\"method\":\"thing.event.property.post\"\,\"id\":\"1234\"\,\"params\":{\"temperature\":33}\,\"version\":\"1.0.0\"}",1,0

因为配置了数据源，所以温度仪表盘的数据被自动改变了

创建按钮开关

创建一个开关并设置数据源为BOOL类型的继电器

在预览的Web页面点击开关时要注意，每次点击开关都会往ESP-01S下发数据，需要ESP-01S回应数据开关才会设置成功，否则会反弹

点击按钮时，云平台下发到ESP-01S的数据

若不回应，则Web页面显示超时，同时按钮没有被打开

在ESP-01S接收到下发数据后，立即发送AT指令进行回应

则Web页面显示数据下发成功，同时按钮也被正常打开，关闭按钮同理，要发送关闭继电器的AT指令

创建实时曲线

为实时曲线配置数据源，选择单设备多属性，属性选择温度值

在交互中添加事件，当鼠标点击实时曲线时，刷新曲线组件，显示最新数据

发送AT指令多设置几次温度值，看实时曲线是否显示温度变化

Web界面的实时曲线正确显示改变的温度值，如果发现温度值没改变，则点击曲线进行刷新，横坐标的时间也会刷新，左上角显示最后一次温度值，符合预期

使用阿里云IoT Studio建立物模型可视化界面相关推荐

物联网控制APP入门专题（二）---阿里云iot studio移动可视化功能基本操作
微信小程序连接阿里云物联网平台云端API实现物联操控 03-25 其中包含cryptojs.uuid生成模块,还有用于微信小程序连接阿里云物联网平台云端API的专属sdk,已结实现效果demo,只需填 ...
阿里云--IOT Studio初学
1.初学基于阿里云IOT云平台应用开发 1.1 阿里云的-物联网应用开发-IOT Studio 此次使用阿里云的-物联网应用开发-IOT Studio;物联网应用开发(IoT Studio,阿里云:h ...
阿里云IoT Studio遇到“数据格式验证出错”怎么解决？
摘要:初学阿里云IoT Studio时,常遇到"数据格式验证出错"的错误,有很多同学不知道怎么处理,本文向大家介绍一下解决方法. 目录 1.问题描述 2.原因分析 3.解决方法 1 ...
基于阿里云IOT Studio和STM32的电机远程监测设计
今天来总结一下用阿里云的IOT Studio做的一个电机远程监控的小系统吧! 说来话长,在去年九月份的时候,我踏入了研究生的行列.我的导师是搞电机方向的,但我本科是测控的,考虑我的基础,导师给我推荐了 ...
更听话的温室大棚系统-阿里云ioT Studio实现动态业务逻辑
需求: 用阿里云物联网平台开发的温室大棚物联网系统,正在建设过程中,目前的系统是后台设置好了温度.湿度,光照度的阀值,达到设置值就动作设备,考虑到交付后,这些值可能要变动,每次叫我去设置,也很麻烦,于 ...
阿里云IOT入门教程（三）阿里云IOT Studio自建手机App控制Wemos D1 Mini( ESP8266 ）板载灯亮灭
阿里云IOT入门教程(一)阿里云IOT Studio自建手机App控制Wemos D1 Mini( ESP8266 )板载灯亮灭概述所需材料 Mqtt预备知识 hacklab端开发 * 硬件端上报 ...
阿里云IoT投入智物智造战略三年赋能10亿设备改造10万家数字工厂
简介:阿里云IoT将全力投入智物智造,并联动阿里巴巴9亿消费者.300万企业,整合IoT软硬件生态,推动消费互联网与产业互联网更好结合. 在10月19日举行的2021云栖大会智物智造峰会上,阿里云智能 ...
阿里云IoT Studio升级版新增解决方案引擎，大幅提升方案交付效率
简介:8月25日,阿里云发布IoT Studio升级版,新增了解决方案引擎,让设备方案商复用之前搭建的解决方案模板进行简单的定制化修改,即可交付.使整个物联网解决方案的交付过程由几个月,缩短到几小时, ...
阿里云IoT Studio升级版新增解决方案引擎大幅提升方案交付效率
简介: 8月25日,阿里云发布IoT Studio升级版,新增了解决方案引擎,让设备方案商复用之前搭建的解决方案模板进行简单的定制化修改,即可交付.使整个物联网解决方案的交付过程由几个月,缩短到几小时 ...

最新文章

热门文章