【ESP8266-01】MQTT连接百度云-进阶(物可视)_百度云物可视-程序员宅基地

技术标签： 经验分享  stm32  嵌入式硬件  单片机  

上一章 【ESP8266-01】MQTT连接百度云(天工物接入)

ESP8266-01 MQTT连接百度云-进阶(物可视)

前言

前边我们讲了MQTT连接百度云了，也学会了如何上传数据，那么我们要玩一些更高大上的，让这些数据用模型替代出来，同时看起来也更加的美观，就像下图所示。
在这里插入图片描述
好了，本章节我们就来学习如何让数据可视化起来。

1.创建工程

1.1 打开“物联网数据可视化”

在这里插入图片描述

1.2 创建工作区

在这里插入图片描述
工作区的名称自行命名；我这里命名为“hello”；

1.3 创建仪表盘

在这里插入图片描述
为仪表盘命名，下边有多个模板可以选择，像前边那么高大上的可以直接选择模板，这里演示选择空白模板，方便大家学习。
在这里插入图片描述

1.4 工作区

在上边操作完成之后，我们就能看到下面的区域。
在这里插入图片描述
左侧区域的模型或者元件可以直接拖放到画面显示区域，右侧进行参数配置，我们模型的数据绑定也在右侧进行，我们后边再讲。

2.创建我们的第一个模型

2.1放置一个按钮

如图所示，放置一个仪表盘。在这里插入图片描述

2.2对按钮进行参数设置

单击刚才放置的仪表盘，右侧是不是又如图所示的属性，
在这里插入图片描述
在这里边，我们可以给仪表命名，可以修改颜色，可以修改范围、角度等信息。
比如我们要将仪表名字改为“室内温度”，范围改为-20~60℃，我们就可以按照下图操作
在这里插入图片描述
在这里插入图片描述
最终的效果就如图所示
在这里插入图片描述

3 .为仪表绑定数据

仪表创建好了，那么怎么样让他动起来呢，我们就需要为他绑定我们上传的数据，具体怎样操作呢，下边我们来详细介绍。

3.1 选择数据绑定

我们单击仪表盘，在右侧可以看到如图所示的参数，我们可以给这么多信息绑定数据，但是要想让他动起来，怎样搞呢
在这里插入图片描述

3.2 选择数据源

单击指标值后边的类似与链接的按钮在这里插入图片描述
我们选择数据表，出现了“无匹配结果”，这是为啥呢，哎，因为我们没有选择物影子，不知道匹配谁去，那怎么搞呢？
在刚才页面的顶部，我们选择数据
在这里插入图片描述
在新建的页面里选择“新建”
在这里插入图片描述
新建完成后，我们为我们的数据选择参数
在这里插入图片描述

名称：随意命名
类型：选择“设备影子”
区域：如果你设备影子选的北京就选北京，如果选的广州，那么这里也要选广州
物影子列表：选择自己创建的物影子，可查看上一章

在这里插入图片描述就如图所示，点击“下一步”
在这里插入图片描述
这里一定要勾选上你的属性，要不然没法用。点击“确定”
在这里插入图片描述
可以看到数据表已经创建好了。
再返回画布那里选择数据绑定
在这里插入图片描述
是不是我们刚刚创建的数据表已经显示出来了，剩下的咱们开始走起
在这里插入图片描述
我们选择数据表，选择完成后，我直接讲beep_time属性当温度值使了。读者可以依据自身情况选择。点击“运行”，然后“确定”，是不是发现仪表盘的指针变化了。在这里插入图片描述
这个完成后，算是已经创建好了

4.发布和分享

我们返回仪表盘，我们看到下边又几个按钮，分别是发布、分享啥的，
在这里插入图片描述

4.1 发布

我们点击发布，会有下边的窗口，如果需要加密，那就勾选，如果不需要，直接点击确认发布
在这里插入图片描述

4.2 分享

点击分享，我们能看到如图所示的链接，这个链接我们用任意的浏览器就能显示。
在这里插入图片描述
在这里插入图片描述
我们用esp8266或者MQTTx发送json信息，更改beep_time的值，我们的仪表盘也能跟着动起来了。
完毕
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44860528/article/details/123915795

智能推荐

elastic-job任务能够正常执行，但是elastic-console显示任务下线_elasticjob 下线-程序员宅基地

文章浏览阅读2.8k次。elastic-job任务能够正常执行，但是elastic-console显示任务下线time>>Thu Apr 25 10:21:06 CST 2019 JobA>>>>>>>time>>Thu Apr 25 10:21:09 CST 2019 JobA>>>>>>>ti..._elasticjob 下线

读写ini文件 c#_imc.ini-程序员宅基地

文章浏览阅读177次。一、ini文件格式二、新建IniHelper类，用于读写Ini文件using System.Runtime.InteropServices;using System.Text;namespace INITest{ class IniHelper { private string sPath = ""; public IniHelp..._imc.ini

LeetCode每日一题（持续更新中~~~）-程序员宅基地

文章浏览阅读1k次。2432. 处理用时最长的那个任务的员工；1419. 数青蛙；1010. 总持续时间可被 60 整除的歌曲；2437. 有效时间的数目；1015. 可被 K 整除的最小整数；1016. 子串能表示从 1 到 N 数字的二进制串； 2441. 与对应负数同时存在的最大正整数；1054. 距离相等的条形码；1072. 按列翻转得到最大值等行数；2446. 判断两个事件是否存在冲突；1080. 根到叶路径上的不足节点；_leetcode每日一题

大模型参数高效微调技术原理综述（二）-BitFit、Prefix Tuning、Prompt Tuning-程序员宅基地

文章浏览阅读671次。Prompt token 的长度在20左右时的表现已经不错（超过20之后，提升Prompt token长度，对模型的性能提升不明显了），同样的，这个gap也会随着模型参数规模的提升而减小（即对于超大规模模型而言，即使 Prompt token 长度很短，对性能也不会有太大的影响）。同时，通过实验结果还可以看出，BitFit微调结果相对全量参数微调而言, 只更新极少量参数的情况下，在多个数据集上都达到了不错的效果，虽不及全量参数微调，但是远超固定全部模型参数的Frozen方式。另一方面也会占很多存储空间。

Notice: Undefined variable: server in的解决方法_undefined variable: _server-程序员宅基地

文章浏览阅读2.2k次。PHP中遇见这种问题的解决方法就是php.ini这个配置文件修改一行代码，解决方法如下：在php.ini中error_reporting = E_ALL (笔记本自带查找功能，查找之后进行替换即可，不用一行一行对着找)修改成error_reporting = E_ALL & ~E_NOTICE (再重启apache2.2就行了)..._undefined variable: _server

通俗易懂TypeScript的高级类型方法------Partial, Required, Pick, Omit, Readonly, NonNullable_在 typescript 中,如何实现 partial<t>,以使得: typescript typ-程序员宅基地

文章浏览阅读519次。通俗易懂TypeScript的高级类型方法------Partial, Required, Pick, Omit, Readonly, NonNullable_在 typescript 中,如何实现 partial,以使得: typescript type user = { id

随便推点

性能测试能力提升 —— 线程、并发、吞吐量、TPS、QPS、响应时间_吞吐率 tps-程序员宅基地

文章浏览阅读805次，点赞17次，收藏26次。相对并发：指在一个时间段内发生的事情。在jmeter的测试计划中添加线程组，设置线程属性，2秒之内启动10个线程，其对应的相对并发为5（线程数/启动时间）。绝对并发：指在同一时刻发生的事情。jmeter可以使用同步定时器（Synchronizing Timer）实现绝对并发，也就是同一个时刻达到了某一集合点才发出请求。_吞吐率 tps

java dijkstra算法代码_Dijkstra算法及其证明-程序员宅基地

文章浏览阅读68次。算法：设G是带权图，图中的顶点多于一个，且所有的权都为正数。本算法确定从顶点S到G中其他各个顶点的距离和最短通路。在本算法中P表示带永久标记的顶点的集合。顶点A的前驱是P中的一个顶点，用来标记A。顶点U和V之间的边的权重用W(U，V)表示，如果U和V之间没有边，则记作W(U,V)=∞.步骤1 (对S做标记)(a)将S标记为0，并使S没有前驱(b)令P={S}步骤2 (对其他顶点作标记)将每个不在P..._java dijsktra算法

使用Protege4和CO-ODE工具构建OWL本体的实用指南-1.3版本（4.Building An OWL Ontology）_ttl后缀文件用什么软 protege-程序员宅基地

文章浏览阅读580次。2021.10.29.周五，今天又做了一次核酸检测！我开始阅读我需要的内容！别人的话，即使激励也是焦虑的开始！有压力才有动力！没有动力，就没有办法拼搏！但是，方向要对啊！不能被误导了！学着分辨！（PS：觉得先打个稿子吧！等到10分钟的时候再走！21:10的时候！）Building An OWL Ontology4.1这个教程使用的protege好像不是一个版本的！..._ttl后缀文件用什么软 protege

Debian lxde 自动登录设置_debian开机自动登录-程序员宅基地

文章浏览阅读7.3k次。个人电脑一直使用debian，但是每次开机都要输入用户名和密码，显得有些繁琐。另外，电脑只有我一个人用，也不用靠密码来保护什么个人隐私。所以干脆就设置上自动登录。方法：修改 /etc/lightdm/lightdm.conf文件，在文件中找到#autologin-user=,修改为autologin-user=USER，将USER替换为你的用户名。重启后，发现真的不用输_debian开机自动登录

SpringBoot：统一处理null数据类型默认值_spriongboot统一返回 null 返回-程序员宅基地

文章浏览阅读1.1k次，点赞8次，收藏8次。【代码】Springboot：统一处理null数据类型默认值。_spriongboot统一返回 null 返回

Hadoop（1）_kafka mpp-程序员宅基地

文章浏览阅读220次。一、学习大数据需要学什么拉钩学习Java、Python、ScalaLinux、Hadoop、Storm、Spark、Flink、HBase、Hive、Impala、ElasticSearch、Kafka、Flume、Scribe、mahout、ElasticSearch、mysql、mongodb、redis、Zookeeper、sqoop学习大数据需要的基础Java SE：大数据技术框架中90%都是用Java语言写的。MySQL：SQLLinux：大数据技术框架都是部署在Linux系_kafka mpp

推荐文章

热门文章

相关标签