当前位置： 首页 > news >正文

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

news 文章来源：https://blog.csdn.net/weixin_46251230/article/details/128997407 2024/11/6 0:44:44

使用阿里云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建立物模型可视化界面

使用阿里云IoT Studio建立物模型可视化界面 上一篇文章介绍了如何使用ESP-01S上报数据到物模型：https://blog.csdn.net/weixin_46251230/article/details/128996719 这次使用阿里云IoT Studio建立物模型的Web页面 阿里云IoT Studio： https://studio.i…...

编程日记 2023/2/13 6:01:35

HBase 复习 ---- chapter07

HBase 复习 ---- chapter07部署 HBase（运维） 1：部署 HBase 实际是部署了三个技术（hadoop zookeeper hbase） hadoop hdfs mapreduce common hdfs namenode datanode secondaryNamenode yarn ResourceManager&a…...

编程日记 2023/2/13 6:00:27

跟我一起写Makefile--个人总结

此篇笔记是根据陈皓大佬《跟我一起写Makefile》学习所得 文章目录换行符clean变量make的自动推导另类风格的Makefile清空目标文件的规则cleanMakefile总述显示规则隐晦规则变量的定义注释引用其它的Makefile环境变量MAKEFILESmake的工作方式书写规则规则举例规则的语法在规则中…...

编程日记 2023/2/13 5:59:20

设计模式之为什么要学好设计模式

目录1 回顾软件设计原则2 设计模式总览3 经典框架都在用设计模式解决问题1 回顾软件设计原则 不用设计模式并非不可以，但是用好设计模式能帮助我们更好地解决实际问题，设计模式最重要的是解耦。设计模式天天都在用，但自己却无感知。我们把设…...

编程日记 2023/2/13 5:58:12

大数据时代的小数据神器 - asqlcell

自从Google发布了经典的MapReduce论文，以及Yahoo开源了Hadoop的实现，大数据这个词就成为了一个行业的热门。在不断提高的机器性能和各种层出不穷的工具框架加持下，数据分析开始从过去的采样抽查变成全量整体，原先被抽样丢弃的隐藏…...

编程日记 2023/2/13 5:57:04

【呕心沥血】整理全栈自动化测试技术(三)：如何编写技术方案

前面两篇笔记我介绍了自动化测试前期调研注意事项和前置准备阶段切入点，有同学在后台提问： “做完前期的调研和准备工作，领导要求写一个落地方案并评审，自动化测试的落地方案该怎么写”？ 首先这个要求我觉得挺正常&a…...

编程日记 2023/2/13 5:55:55

67. 二进制求和

文章目录题目描述竖式模拟转换为十进制计算题目描述 给你两个二进制字符串 a 和 b ，以二进制字符串的形式返回它们的和。 示例 1： 输入:a “11”, b “1” 输出：“100” 示例 2： 输入：a “1010”, b “1011” …...

编程日记 2023/2/13 5:53:41

1555数列极差（队列 优先队列 ）

目录 题目描述 解题思路 代码部分 题目描述 在黑板上写了N个正整数作成的一个数列，进行如下操作：每一次擦去其中的两个数a和b，然后在数列中加入一个数a*b1，如此下去直至黑板上剩下一个数，在所有按这种操作方式最后得…...

编程日记 2023/2/13 5:52:35

代码随想录算法训练营第二十七天 | 93.复原IP地址，78.子集，90.子集II

一、参考资料复原IP地址题目链接/文章讲解：https://programmercarl.com/0093.%E5%A4%8D%E5%8E%9FIP%E5%9C%B0%E5%9D%80.html 视频讲解：https://www.bilibili.com/video/BV1XP4y1U73i/子集题目链接/文章讲解：https://programmercarl.com/0078.…...

编程日记 2023/2/13 5:51:27

jvm类加载器

概念 Bootstarp ClassLoader (引导类加载器) 加载String等核心的类Ext ClassLoader (拓展类加载器)System ClassLoader (系统类加载器) 加载用户自定义的类 关系 BootstrapClassLoader 包含 ExtClassLoaderExtClassLoader 包含 SystemClassLoader彼此是包含关系，不…...

编程日记 2023/2/13 5:50:19

Rust学习入门--【7】Rust 数据类型

类型系统 对于任何一门语言都是重中之重，因为它体现了语言所支持的不同类型的值。 类型系统 也是 IT 初学者最难啃的三座大山之一，而类型系统之所以难以理解，主要是没有合适的现成的参考体系。 我们说类型系统 存在的目的，就是 …...

编程日记 2023/2/13 5:49:13

阅读MySQL必知必会，查缺补漏

MySQL自带数据库 information_schema：是MySQL自带的数据库，主要保持MySQL数据库服务器的系统信息，比如数据库的名称，数据库表的名称，字段名称，存储权限等。 performance_schema：是MySQL系统自…...

编程日记 2023/2/13 5:48:07

MySQL数据库10——多表连接查询

数据如果在多个表里面，需要进行连接查询。 一般在pandas里面merge合并会用到一个索引，按这个索引的规则进行合并叫做有规则的等值连接。若不按规则连接，遍历两两组合的所有可能性，叫做笛卡尔积。 笛卡尔积连接 通常人们都会设置…...

编程日记 2023/2/13 5:47:01

华为OD机试 - 括号检查（Python）| 真题含思路

括号检查 题目 现有一字符串 仅由 (,),{,},[,] 六种括号组成，若字符串满足以下条件之一，则为无效字符串 任意类型的左右括号数量不相等 存在未按正确顺序(先左后右)闭合的括号， 输出括号的最大嵌套深度 若字符串无效则输出 0 0 <= 字符串长度 <= 100000 输入 一个只…...

编程日记 2023/2/13 5:45:53

安全渗透测试中的一款免费开源的超级关键词URL采集工具

安全渗透测试中的一款免费开源的超级关键词URL采集工具。 #################### 免责声明&#xff1a;工具本身并无好坏&#xff0c;希望大家以遵守《网络安全法》相关法律为前提来使用该工具&#xff0c;支持研究学习&#xff0c;切勿用于非法犯罪活动&#xff0c;对于恶意使…...

编程日记 2023/2/13 5:44:45

数据资产管理实践白皮书（6.0版）解读

目录 第一章数据资产管理概述 ( 一 ) 数据资产管理和数据要素的关系...

编程日记 2023/2/13 5:43:35

c/c++开发，无可避免的函数指针使用案例

一、函数指针简介 函数指针是指指向函数而非指向对象的指针。像其他指针一样&#xff0c;函数指针也指向某个特定的类型。函数类型由其返回类型以及形参表确定&#xff0c;而与函数名无关。例如&#xff1a; char* (*pf1)(char * p1,char *p2); 这是一个函数指针&#xff0c;其…...

编程日记 2023/2/13 5:42:28

QT(12)-QThreadPool

1 简介 QThreadPool是Qt框架中的一个类&#xff0c;提供了一组工作线程池。该线程池自动管理一组工作线程&#xff0c;在线程可用时分配任务。使用线程池的主要优点是&#xff0c;它可以减少创建和销毁线程的开销&#xff0c;因为可以重复使用线程。 线程池设计用于场景中&am…...

编程日记 2023/2/13 5:41:23

【Java|golang】1138. 字母板上的路径

我们从一块字母板上的位置 (0, 0) 出发&#xff0c;该坐标对应的字符为 board[0][0]。 在本题里&#xff0c;字母板为board [“abcde”, “fghij”, “klmno”, “pqrst”, “uvwxy”, “z”]&#xff0c;如下所示。 我们可以按下面的指令规则行动&#xff1a; 如果方格存…...

编程日记 2023/2/13 5:40:15

Flink 1.14从简单到源码第三讲

文章目录 1.flink多流操作Api1.1split 分流操作1.2.侧输出流1.3.connect 连接操作1.4.union 操作1.5 coGroup 协同分组1.6 join1.7 broadcast 广播2.process3.并行度和Api3.1 任务提交简单流程3.2 task与算子链4. Flink 时间相关(窗口计算)4.1时间语义(窗口计算)4.2 新版api指定…...

编程日记 2023/2/13 5:39:05

淘宝API接口系列，获取购买到的商品订单列表，卖出的商品订单列表，订单详情，订单物流，买家信息，收货地址列表，买家token

custom自定义API操作buyer_order_list获取购买到的商品订单列表buyer_order_detail获取购买到的商品订单详情buyer_order_express获取购买到的商品订单物流buyer_address_list收货地址列表buyer_address_add添加收货地址buyer_info买家信息buyer_token买家tokenseller_order_li…...

编程日记 2023/2/13 5:38:00

ucos-ii 的任务调度原理和实现

ucosii 任务调度和原理1、ucos-ii 任务创建与任务调度 1.1、任务的创建 当你调用 OSTaskCreate( ) 进行任务的创建的时候&#xff0c;会初始化任务的堆栈、保存cpu的寄存器、创建任务的控制块&#xff08;OS_TCB&#xff09;等的操作&#xff1b; if (OSTCBPrioTbl[prio] (OS_…...

编程日记 2023/2/13 5:36:52

Solon2 开发之容器，七、切面与函数环绕拦截

想要环绕拦截一个 Bean 的函数。需要三个前置条件&#xff1a; 通过注解做为“切点”&#xff0c;进行拦截&#xff08;不能无缘无故给拦了吧&#xff1f;费性能&#xff09;Bean 的 method 是被代理的在 Bean 被扫描之前&#xff0c;完成环绕拦截的注册 1、定义切点和注册环…...

编程日记 2023/2/13 5:35:44

代码随想录第十天（28）

文章目录28. 找出字符串中第一个匹配项的下标看答案KMPnext数组&#xff08;前缀表&#xff09;最长公共前后缀如何计算前缀表前缀表与next数组时间复杂度分析28. 找出字符串中第一个匹配项的下标 莫得思路……好久没做题&#xff0c;都已经忘得差不多了 看答案 其实就是自己…...

编程日记 2023/2/13 5:34:38

循环队列来了解一下！！

笔者在之前的一篇文章&#xff0c;详细的介绍了&#xff1a;队列之单向链表与双向链表的模拟实现&#xff1a;https://blog.csdn.net/weixin_64308540/article/details/128742090?spm1001.2014.3001.5502 感兴趣的各位老铁&#xff0c;可以参考一下啦&#xff01;下面进入循环…...

编程日记 2023/2/13 5:33:27

Idea打包springboot项目war包，测试通过

pom.xml文件 <!--包名以及版本号&#xff0c;这个是打包时候使用&#xff0c;版本可写可不写&#xff0c;建议写有利于维护系统--> <artifactId>tsgdemo</artifactId> <version>0.0.1-SNAPSHOT</version> <!--打包形式--> <packaging&…...

编程日记 2023/2/13 5:32:14

python+django高校师生健康信息管理系统pycharm

管理员功能模块 4.1登录页面 管理员登录&#xff0c;通过填写注册时输入的用户名、密码、角色进行登录&#xff0c;如图所示。 4.2系统首页 管理员登录进入师生健康信息管理系统可以查看个人中心、学生管理、教师管理、数据收集管理、问卷分类管理、疫情问卷管理、问卷调查管理…...

编程日记 2023/2/13 5:29:54

CUDA中的流序内存分配

文章目录CUDA中的流序内存分配1. Introduction2. Query for Support3. API Fundamentals (cudaMallocAsync and cudaFreeAsync)4. Memory Pools and the cudaMemPool_t注意&#xff1a;设备的内存池当前将是该设备的本地。因此&#xff0c;在不指定内存池的情况下进行分配将始终…...

编程日记 2023/2/13 5:28:42

开源、低成本的 Xilinx FPGA 下载器（高速30MHz）

目前主流的Xilinx下载器主要有两种&#xff1a;一种是Xilinx官方出品的Xilinx Platfom Cable USB&#xff0c;还有一个就是Xilinx的合作伙伴Digilent开发的JTAG-HS3 Programming Cable。 JTAG-HS系列最大支持30MHz下载速度&#xff0c;基于FTDI的FT2232方案。 JTAG-HS系列对比…...

编程日记 2023/2/13 5:26:23

Maven专题总结

1. 什么是Maven Maven 是一个项目管理工具&#xff0c;它包含了一个项目对象模型 (POM&#xff1a; Project Object Model)&#xff0c;一组标准集合&#xff0c;一个项目生命周期(Project Lifecycle)&#xff0c;一个依赖管理系统(Dependency Management System)&#xff0c;和…...

编程日记 2023/2/13 5:25:10

重庆 新闻发布会/网站推广seo方法

Keras是一个高级神经网络的API&#xff0c;用python编写&#xff0c;能够在TensorFlow、CNTK或Theano上运行。Keras is a high-level neural networks API, written in Python and capable of running on top of TensorFlow, CNTK, or Theano. 它的开发重点是实现快速实验。It …...

编程日记 2024/11/6 0:09:44

颇有名气的网站建设专家/百度推广获客方法

网页中的下拉列表多数是假的下拉列表。也就是正常的控件&#xff0c;需要进行鼠标停留或点击等操作才会出现的。 当出现真的下拉列表&#xff0c;html语言必然是这种。 需要先进行导入select方法 from selenium.webdriver.support.ui import Select emwzj.find_element_by_…...

编程日记 2024/11/5 18:26:20

响应式网站可以做缩放图吗/资源搜索引擎搜索神器网

1).使用QueryString, 如....?id1; response. Redirect().... 2).使用Session变量 3).使用Server.Transfer 转载于:https://www.cnblogs.com/mianshi/archive/2011/01/05/1926607.html...

编程日记 2024/11/5 15:53:26

godaddy如何创建网站/最大免费广告发布平台

选课系统6. 创建数据库创建数据库设置编码为UTF8CREATE DATABASE choose CHARSET utf8;6.1 创建班级表表名:classes字段:class_no 整型 自增长 主键 -- 班级编号class_name char(20) 非空 唯一 -- 班级名称department_name char(20) 非空 -- 院系名称create tableclasses(cl…...

编程日记 2024/11/5 10:19:56

费县做网站/网站整站优化

之前也没写过什么博客&#xff0c;可能文章结构比较混乱&#xff0c;想到那写到哪。主要是把自己学习中的经验写下来。为什么选择laravel框架&#xff0c;是因为laravel框架目前是Php最流行的框架&#xff0c;深入研究后发现和asp.net mvc框架在功能上基本上是伯仲之间。只是各…...

编程日记 2024/11/5 8:55:29

南昌网站建设公司有哪些/快速优化系统

linux环境 centOS6.8 本文采用tar包的方式部署es 准备jdk8的环境 5.4.0的es依赖jdk8及以上版本 下载linux版的jdk jdk-8u121-linux-x64.tar.gz tar -zvxf jdk-8u121-linux-x64.tar.gz//修改环境变量vim /etc/profile//添加如下JAVA_HOME/usr/java/jdk1.8.0_121export CLASSPATH…...

编程日记 2024/11/5 6:53:28