程序员经验分享-hwhale

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

2023-05-16

使用阿里云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界面的实时曲线正确显示改变的温度值，如果发现温度值没改变，则点击曲线进行刷新，横坐标的时间也会刷新，左上角显示最后一次温度值，符合预期

在这里插入图片描述

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

使用阿里云IoT Studio建立物模型可视化界面 的相关文章

随机推荐

  • Opencv将图片中的手写数字一个一个单独的抠出来并保存到指定的文件夹

    今天想要构建自己的MNIST数据集 xff0c 但是一个一个手画然后拍照再把数字一个一个抠出来实在是太耗时了 xff0c 所以想用程序解决这个问题 xff1a 下面附上程序 xff1a xff08 备注 xff1a 里面的代码是在之前某个博

  • onnxruntime.capi.onnxruntime_pybind11_state.Fail: [ONNXRuntimeError] : 1 : FAIL : Load model from mn

    树莓派4B在使用onnxruntime1 6 0对model onnx模型进行加载的时候出现以下的报错 xff1a 原因 xff1a 由于导出的ONNX模型文件不兼容ONNX Runtime当前版本所导致的 xff0c 一开始我导出模型的方

  • C++ 模板与泛型编程简述

    目录 1 什么是模板和泛型编程 2 定义及使用模板 1 什么是模板和泛型编程 什么是模板 xff1f 什么是泛型编程 xff1f 模板的概念与泛型编程是相辅相成的 想象一个场景 xff1a 我们需要比较两个整数或两个字符串的大小 xff0c

  • 在jupyter notebook中添加和删除环境【笔记】

    在jupyter notebook中加入虚拟环境 xff1a python span class token operator span m ipykernel install span class token operator span

  • 浮点数怎么用二进制表示

    浮点数怎么用二进制表示 对于浮点数在计算机中是怎么用二进制表示的 xff0c 这个知识点让我学了很久 xff0c 很多资料讲的特别抽象难懂 xff0c 所以今天我想用自己的方式讲一讲 学过 计算机组成原理 或者类似 计算机系统 这些课程的小

  • Git合并出问题了怎么办

    首先 xff0c 我们不要在master中去进行修改提交 xff0c 一般这个时候我们新建一个分支 xff0c 将合并后的代码复制到新的分支中去 xff0c 然后我们对分支去进行一个修改 xff0c 当修改完成之后 xff0c 再合并到ma

  • 解决win11不能开启5GHZ热点的问题

    对于电脑5GHZ波段不可用的问题解决方法如下 xff1a 手机打开5GHz先让电脑连接电脑开启5Ghz热点断开WiFi xff0c 这时就可以用电脑开的5Ghz的热点了

  • SpringBoot 各层之间的关系

    一 层级 SpringBoot 分为四层 xff1a controller层 service层 dao层 entity层 entity层 xff1a 和model层一样 xff0c 存放的是实体类 xff0c 属性值与数据库值保持一致 xf

  • IEEE 802.1至802.12各层的 功能及特点

    IEEE 802 1 通用网络概念及网桥等 IEEE 802 2 逻辑链路控制等 IEEE 802 3 CSMA CD访问方法及物理层规定 IEEE 802 4 ARCnet总线结构及访问方法 物理层规定 IEEE 802 5 Token

  • ubuntu 常用命令大全

    一 文件 文件夹管理 ls 列出当前目录文件 xff08 不包括隐含文件 xff09 ls a 列出当前目录文件 xff08 包括隐含文件 xff09 ls l 列出当前目录下文件的详细信息 cd 回当前目录的上一级目录 cd 回上一次所在

  • MyBatis mapper.xml中使用静态常量或者静态方法

    使用MyBatis技术 xff0c 书写mapper xml时 xff0c 如果在其中的ognl表达式或者sql中直接使用一些数字或者字符串的话 xff0c 会造成难以维护的问题 在Java编码中 xff0c 我们通常会把这些数字或者字符串

  • get请求和post请求的区别

    HTTP协议 什么是协议 xff1f 协议实际上是某些人 xff0c 或者某些组织提前制定好的一套规范 xff0c 大家都按照这个规范来 xff0c 这样可以做到沟通无障碍 协议就是一套规范 xff0c 就是一套标准 由其他人或其他组织来负

  • 常见网络协议

    网络协议为计算机网络中进行数据交换而建立的规则 标准或约定的集合 例如 xff0c 网络中一个微机用户和一个大型主机的操作员进行通信 xff0c 由于这两个数据终端所用字符集不同 xff0c 因此操作员所输入的命令彼此不认识 为了能进行通信

  • C++ 栈（stack）使用简述

    目录 1 有关函数的作用 2 测试用例 至于栈的结构与原理 xff08 先入后出 xff09 这里就不细说了 xff0c 这里主要记录下 C 43 43 的头文件 lt stack gt 有关栈的操作是如何使用的 1 有关函数的作用 sta

  • 解决一个镜像ID同时拥有多个tag的问题

    docker rmi span class token operator lt span REPOSITORY TAG span class token operator gt span

  • 蜂鸣器介绍

    蜂鸣器介绍 蜂鸣器是一种将电信号转换为声音信号的器件 xff0c 常用来产生设备的按键音 报警音等提示信号 蜂鸣器按驱动方式可分为有源蜂鸣器和无源蜂鸣器 有源蜂鸣器 xff1a 内部自带振荡源 xff0c 将正负极接上直流电压即可持续发声

  • DS1302时钟芯片(SPI协议)

    DS1302时钟芯片 DS1302是由美国DALLAS公司推出的具有涓细电流充电能力的低功耗实时时钟芯片 它可以对年 月 日 周 时 分 秒进行计时 xff0c 且具有闰年补偿等多种功能 可以把该芯片看成一个小型的单片机 xff0c 其内部

  • ESP8266与单片机通信共地问题

    ESP8266与单片机通信共地问题 1 共地 xff1a 在数字电路中 xff0c 要判断一个电平信号的高低 xff0c 就需要一个标准来判断 xff0c 这个判断标准就是0电平 也叫地 xff09 xff0c 要把所有IC芯片的地连在一起

  • RS-485接口协议详解

    RS 485详解 通信协议 通讯协议主要是实现两个设备之间的数据交换功能 xff0c 通讯协议分硬件层协议和软件层协议 硬件层协议决定数据如何传输问题 xff0c 比如要在设备1向设备2发送0x63 xff0c 0x63的二进制数为0110

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

    使用阿里云IoT Studio建立物模型可视化界面 上一篇文章介绍了如何使用ESP 01S上报数据到物模型 xff1a https blog csdn net weixin 46251230 article details 12899671

热门标签