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

最新推荐文章于 2022-07-27 15:26:49 发布
最新推荐文章于 2022-07-27 15:26:49 发布
阅读量4.7k 收藏 4
点赞数 1
文章标签： 经验分享 单片机 stm32 嵌入式硬件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44860528/article/details/123915795
版权

上一章 【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的值，我们的仪表盘也能跟着动起来了。
完毕

@ZYP
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
arm(mqtt)设备连接百度云
11-10
使用mqtt源码进行交叉编译生成mqtt库，移植库至qt语言中，可以连接mqtt消息中间件,也可以连接百度云的IOT，方便，简单。
mqtt链接百度云
10-08
mqtt链接百度云　
【ESP8266-01】MQTT连接百度云(天工物接入)（上）
weixin_44860528的博客
03-23 6743
ESP8266 MQTT连接百度云 1.材料准备 1.1硬件 USB-TTL一个、ESP8266-01 WiFi模块、杜邦线若干、笔记本、WiFi热点（可使用WiFi、不建议使用电脑开的热点） 1.2软件 串口调试软件（推荐SSCOM） 2.网页端配置
【ESP8266-01】MQTT连接百度云(天工物接入)（下）
weixin_44860528的博客
03-23 2362
ESP8266 AT指令MQTT连接百度云 接上文，前一篇文章呢，我们已经搭建好硬件与网页端了，那么本篇文章将开始使用ESP8266-01 WiFi模块进行连接。 4.WiFi连接 4.1SSCOM参数配置&使用 这里我们推荐使用SSCOM 为了方便我们的操作，我们使用SSCOM的拓展功能，单机就可以发送数据了，不用一点一点的自己敲指令。 我们将指令放在这里边，点击后边的注释按钮就可以完成发送了，是不是很方便呢。 有的同学可能会问，这么多AT指令记不住怎么办。没关系，我们可以给他加上注释，那怎样
ftp: connect :未知错误号_如何构建MQTT协议，CONNECT报文，连接百度云物联网平台...
weixin_30399511的博客
11-28 216
大家好，超子又和大家见面了，超子我能力有限，技术不高，有什么错误的地方，欢迎板砖。今天我们一起构建MQTT协议中的CONNECT报文连接百度的物联网平台，然后进行通信。废话不多说，直接构建报文。在《轻松入门百度物联网平台，MQTT协议连接，后台如何建立项目和用户》一文中超子讲解了如何新建项目、用户、身份和策略，所以就用这篇文章中新建的项目来构建报文。首先是CONNECT报文的固定报头是，0x10 ...
ESP8266-RTOS-MQTT连接阿里云服务器
最新发布
01-12
在本项目中，我们将探讨如何使用ESP8266搭配RTOS 3.0 SDK，通过MQTT（Message Queuing Telemetry Transport）协议与阿里云物联网服务器建立连接，实现数据的上报。 首先，我们要理解ESP8266-RTOS SDK。这是...
ESP8266-01S MQTT透传AT固件&烧录工具
09-16
在实际应用中，用户可以通过编写简单的AT指令来控制ESP8266-01S连接MQTT服务器，发布和订阅主题，实现设备的远程控制和数据交互。例如，AT+CIPSTART命令用于建立TCP连接，AT+MQTTUSERCFG用于设置MQTT客户端信息，AT+...
ESP-IDF MQTT连接腾讯云平台
06-11
本实例展示 VSCODE+ESP-IDF MQTT连接腾讯云平台通讯交互数据，实现通过网络远程控制灯开关，原生esp-idf mqtt实现，无需第三方sdk。只需要根据实际情况替换三元件、主题地址和配置wifi ssid和wifi密码即可。
基于ESP8266-SDK-3.0.5 及MQTT 连接腾讯云，
01-19
2. 请根据 mqtt/include/mqtt_config.h 修改连接腾讯云的参数 3. 将mqtt_config.h ->修改为： PROTOCOL_NAMEv311 4. 修改 mqtt/include/modules/config.h 中数组大小，因腾讯云的username和pass超长，导致问题，...
ESP8266-MQTT固件烧录包
12-27
ESP8266-MQTT固件烧录包是一个针对ESP8266 Wi-Fi模块的软件包，用于实现MQTT（Message Queuing Telemetry Transport）协议的支持。MQTT是一种轻量级的发布/订阅消息传输协议，常用于物联网(IoT)设备之间的通信，特别...
物联网项目实战开发之基于STM32+ESP8266 WIFI通过MQTT协议接入百度云物联网云平台收发测试代码程序（多路继电器）
05-25
STM32F103通过串口2跟ESP8266相连。 1、连接中移动onenet物联网云平台，主动上报本地数据到平台端。 2、接收平台端下发的控制指令并动作。上报继电器状态。 3、代码使用KEIL开发，当前在STM32F103C8T6运行，如果是STM32F103其他型号芯片，依然适用，请自行更改KEIL芯片型号以及FLASH容量即可。 4、软件下载时，请注意keil选择项是jlink还是stlink. 5、硬件设计、软件开发、数据联网：349014857@qq.com;
STM32 百度云IoT物联网平台 MQTT C.rar
11-29
STM32 百度云IoT物联网平台 MQTT 2路开关+2路数据. if(MQTT_CMDOutPtr != MQTT_CMDInPtr){ //if成立的话，说明命令缓冲区有数据了 MQTT_CMDOutPtr[MQTT_CMDOutPtr[0]+1] = '\0'; //加入字符串结束符 u1_printf("命令:%s\r\n",&MQTT_CMDOutPtr[1]); //串口输出信息 if(!memcmp(&MQTT_CMDOutPtr[1],CMD1,strlen(CMD1))){ //判断指令，如果是CMD1
物联网项目实战开发之基于STM32+ESP8266 WIFI 上传数据到百度云物联网平台MQTT代码程序（继电器+温湿度）
05-24
STM32F103通过串口2跟ESP8266相连。 1、连接百度云物联网平台，主动上报本地数据到平台端，使用MQTT协议通讯。 2、接收平台端下发的数据或者指令。 3、代码中需要将百度云信息改成自己账号下的。 4、代码使用KEIL开发，当前在STM32F103C8T6运行，如果是STM32F103其他型号芯片，依然适用，请自行更改KEIL芯片型号以及FLASH容量即可。 5、软件下载时，请注意keil选择项是jlink还是stlink. 6、硬件设计、软件开发、数据联网：349014857@qq.com;
MQTTX.Setup.1.2.2.exe
01-29
界面简单的mqtt Windows客户端软件，可以用来开发的时候的测试等工作，使用简单，安装方便，下载即可使用
百度云 物可视
weixin_34054866的博客
01-06 323
安装java环境 www.java.com 下载jar包 配置rest服务器 java-jarsign-aas.jar--ak93****************************ce--sk98****************************e3 转载于:https://www.cnblogs.com/qq350760546/p/821435...
《百度云-物可视IoTVisualzation》
qq_23111247的博客
12-12 532
百度云-物可视IoTVisualzation
MQTT客户端实例代码--Python，测试连接百度云物接入服务
菜鸟博客
01-28 2519
开始之前：请先安装Paho MQTT Python Client，可以使用pip进行安装：pip install paho-mqtt 客户端订阅消息实例代码（汉字部分需要修改为自己的设备连接信息）： #coding: UTF-8 import paho.mqtt.client as mqtt import time def on_connect(client, userdata, flag...
ESP8266-----MQTT云下设备上云
Paradise_Violet的博客
07-27 173
当获取到MQTT连接参数后，如何将8266和MQTT 客户端软件连接到百度云天工物接入平台，以及通过向MQTT服务端发布消息，MQTT服务端分发消息来实现8266与MQTT客户端软件的通信
基于Arduino IDE平台开发ESP8266通过MQTT连接阿里云
vor234的博客
11-22 5468
> 1. 实现可以通过WIFI_DEBUG选择是使用==一键配网功能==还是使用代码中写入的无线账号密码连接； > 2. 实现ESP8266通过==MQTT协议连接阿里云==； > 3. 实现DHT11温湿度数据的获取，==串口发送调试==，并将数据上发阿里云平台，于平台控件中显示数据； > 4. 实现阿里云平台对ESP8266板载==LED亮灭的控制==。
esp8266-01smqtt连接阿里云
09-07
你可以按照以下步骤来连接ESP8266-01S与阿里云的MQTT服务： 1. 配置阿里云IoT平台： - 在阿里云控制台上创建一个物联网实例。 - 在物联网实例中创建设备，获取设备的三元组信息（DeviceName、DeviceSecret和ProductKey）。 2. 编写Arduino代码： - 在Arduino IDE中打开一个新的Sketch。 - 引入ESP8266WiFi库和PubSubClient库。 - 设置WiFi连接信息。 - 定义阿里云MQTT服务器的地址和端口。 - 定义设备的三元组信息。 - 在setup()函数中连接WiFi和阿里云MQTT服务器。 - 在loop()函数中保持MQTT连接，并处理订阅和发布消息的逻辑。 下面是一个简单的示例代码： ```cpp #include <ESP8266WiFi.h> #include <PubSubClient.h> const char* ssid = "your_wifi_ssid"; const char* password = "your_wifi_password"; const char* mqtt_server = "your_mqtt_server"; const int mqtt_port = 1883; const char* product_key = "your_product_key"; const char* device_name = "your_device_name"; const char* device_secret = "your_device_secret"; WiFiClient espClient; PubSubClient client(espClient); void setup() { Serial.begin(115200); WiFi.begin(ssid, password); while (WiFi.status() != WL_CONNECTED) { delay(500); Serial.print("."); } Serial.println(""); Serial.println("WiFi connected"); Serial.println("IP address: "); Serial.println(WiFi.localIP()); client.setServer(mqtt_server, mqtt_port); } void callback(char* topic, byte* payload, unsigned int length) { Serial.print("Message received: "); for (int i = 0; i < length; i++) { Serial.print((char)payload[i]); } Serial.println(); } void reconnect() { while (!client.connected()) { String clientId = "ESP8266Client-"; clientId += String(random(0xffff), HEX); if (client.connect(clientId.c_str(), device_name, device_secret)) { Serial.println("Connected to MQTT server"); client.subscribe("your_topic"); } else { Serial.print("Failed to connect to MQTT server, rc="); Serial.print(client.state()); Serial.println(" retrying in 5 seconds..."); delay(5000); } } } void loop() { if (!client.connected()) { reconnect(); } client.loop(); } ``` 3. 替换示例代码中的`your_wifi_ssid`和`your_wifi_password`为你的WiFi网络的名称和密码。 替换`your_mqtt_server`为你的阿里云MQTT服务器地址。 替换`your_product_key`、`your_device_name`和`your_device_secret`为你的设备三元组信息。 4. 将代码上传到ESP8266-01S开发板。 这样，你的ESP8266-01S就可以连接到阿里云的MQTT服务了。记得根据你的实际需求修改代码中的订阅和发布逻辑。希望对你有帮助！如果有任何问题，请随时向我提问。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值