ESP32连接到oneNET云平台，传数据到微信小程序

小程序 0

前言

学习物联网的同学们在进行毕业设计时都需要面对一个共同的问题：如何使用传感器获取数据并将其上传至云平台，然后通过微信小程序访问云平台数据。在这个过程中，恰巧在课程设计中接触到了ESP32，发现它内置蓝牙和WiFi模块，这不是天生的上传云平台圣体吗？因此，本文将教导大家如何使用ESP32上传数据至云平台，并通过微信小程序获取数据。阅读本文后，你将能从容应对毕业设计的挑战！

1.创建云平台项目

1.1创建产品 

1.2开发产品及设备接入

1.3自定义功能

1.4创建设备

1.5记录下所需的信息

接下来记住自己的设备密钥，产品ID和设备名称（接下来要用）

2.编写硬件（ESP32）代码

这里是根据b站的教程敲得

ESP32连接新版OneNET完整教程_1属性上报_哔哩哔哩_bilibili

 2.1生成时间戳

时间戳(Unix timestamp)转换工具 - 在线工具 (tool.lu)

将时间戳记录下来

2.2使用token v2.0生成token

下载token v2.0

链接：https://pan.baidu.com/s/1opG0aF9jTtQB4zHTQJBJ1Q?pwd=ym09 
提取码：ym09

格式如下：

products/Z46g89A65R/devices/test

1744387714

UVFoNlVRSVJmRlR6dHh1SE1QWEhyZktZRndPNWtXWDM=

将token记录下来

2.3编写代码 

我使用的是arduino，安装与配置太简单了就不说了，不会的可以去看一下这个教程

2023年最新 ESP32 Arduino 教程（持续更新中）_哔哩哔哩_bilibili

代码如下

#include <Arduino.h>#include <WiFi.h>#include <PubSubClient.h>#include <Ticker.h>#define LED 2 // LED灯连接到GPIO 2，用LED灯指示设备状态#define ONENET_TOPIC_PROP_POST "$sys/" product_id "/" device_id "/thing/property/post" // 设备属性上报请求#define ONENET_TOPIC_PROP_SET "$sys/" product_id "/" device_id "/thing/property/set" // 设备属性设置请求#define ONENET_TOPIC_PROP_POST_REPLY "$sys/" product_id "/" device_id "/thing/property/post/reply" // 设备属性上报响应#define ONENET_TOPIC_PROP_SET_REPLY "$sys/" product_id "/" device_id "/thing/property/set_reply" // 设备属性设置响应#define ONENET_TOPIC_PROP_FORMAT "{/"id/":/"%u/", /"version/":/"1.0/", /"params/":%s}"// 设备属性格式模板const char* ssid = "WiFi"; // 替换成自己的WiFi名称const char* password = "12345678"; // 替换成自己的WiFi密码const char* mqtt_server = "mqtts.heclouds.com"; // MQTT服务器地址const int mqtt_port = 1883; // MQTT服务器端口#define product_id "Z46g89A65R" // 替换成自己的产品ID#define device_id "test" // 替换成自己的设备ID#define token "version=2018-10-31&res=products%2FZ46g89A65R%2Fdevices%2Ftest&et=1744387714&method=md5&sign=bPWYnd43kJGyYcNZxkgGvQ%3D%3D" // 替换成自己的tokenint postMsgId = 0; // 消息ID初始值为0int temp = 28.0; // 温度int humi = 60; // 湿度//这里定义自己要传输的数据WiFiClient espclient; // 创建一个WiFiClient对象PubSubClient client(espclient); // 创建一个PubSubClient对象Ticker ticker;void LED_Flash(int time);void WiFiConnect();void OneNet_Connect();void OneNet_Prop_Post();void setup() {  pinMode(LED, OUTPUT); // LED灯设置为输出模式  Serial.begin(9600); // 串口初始化，波特率9600，用于输出调试信息  WiFiConnect(); // 连接WiFi  ticker.attach(0.01, OneNet_Prop_Post); // 定时器，每10毫秒执行一次OneNetPropPost函数}void loop() {  if (WiFi.status() != WL_CONNECTED) {    // 如果WiFi连接断开，重新连接WiFi    WiFiConnect();  }  if (!client.connected()) {    // 如果MQTT连接断开，重新连接OneNet    OneNet_Connect();  }  // 保持MQTT连接  client.loop();}void LED_Flash(int time) {  digitalWrite(LED, HIGH); // 点亮LED  delay(time); // 延时time  digitalWrite(LED, LOW); // 熄灭LED  delay(time); // 延时time}void WiFiConnect() {  WiFi.begin(ssid, password); // 连接WiFi  while (WiFi.status() != WL_CONNECTED) { // 等待WiFi连接，WiFi.status()返回当前WiFi连接状态，WL_CONNECTED为连接成功状态    LED_Flash(500); // LED闪烁，循环等待    Serial.println("Connecting to WiFi...");  }  Serial.println("Connected to the WiFi network"); // WiFi连接成功  Serial.println(WiFi.localIP()); // 输出设备IP地址  digitalWrite(LED, HIGH); // 点亮LED}void OneNet_Connect() {  client.setServer(mqtt_server, mqtt_port); // 设置MQTT服务器地址和端口  if (client.connect(device_id, product_id, token)) { // 连接到OneNet    LED_Flash(500);    Serial.println("Connected to OneNet!");  } else {     Serial.println("Failed to connect to OneNet!");  }  client.subscribe(ONENET_TOPIC_PROP_SET); // 订阅设备属性设置请求  client.subscribe(ONENET_TOPIC_PROP_POST_REPLY); // 订阅设备属性上报响应}void OneNet_Prop_Post() {  if (client.connected()) {    char params[256];    char jsonBuf[256];    sprintf(params, "{/"temp/": {/"value/": %d}, /"humi/": {/"value/": %d}}", temp, humi);    //数据请求格式，详情看阿里云的官方文档https://open.iot.10086.cn/doc/v5/fuse/detail/922    Serial.println(params);        sprintf(jsonBuf, ONENET_TOPIC_PROP_FORMAT, postMsgId++, params);    Serial.println(jsonBuf);        if (client.publish(ONENET_TOPIC_PROP_POST, jsonBuf)) {      LED_Flash(500);      Serial.println("Post property success!");    } else {      Serial.println("Post property failed!");    }  }}

串口打印的数据

云平台已经接收到数据

2.4可能会遇到的问题及解决方式

1.数据在串口上可以打印，但云平台接受不到数据

1.标识符不对，检查标识符

2.特殊的数据类型可能会引发错误，以下是解决方式：

  • 对于 float 类型的数据，步长应设置为 0.1。
  • 对于 bool 类型的数据，应上传 true 和 false，而不是直接上传 0 和 1。

3.上传数据的代码需要将数据格式整理成符合官方的OneJSON请求数据格式。这种数据请求格式的特点是“一荣俱荣，一损俱损”，即可能出现单个数据上传错误导致整条数据无法上传的情况。因此，建议逐条注释数据传输的代码，逐条放开并检查，以确定哪个数据出错。更多详情请查阅官方文档：OneNET - 中国移动物联网开放平台

2.使用Arduino开发ESP32：项目内存太大，无法烧写程序的问题

使用Arduino开发ESP32：项目内存太大，无法烧写程序的问题_arduino 项目太大了怎么办-CSDN博客

3.头文件报红，找不到库

3.编写微信小程序代码

参考文章，但这篇文章代码不完整且代码还有冗余，所以我做了一点修改用树莓派获取传感器数据通过Onenet云平台（物模型）传输至微信小程序（下）_传感器小程序-CSDN博客

3.1点击访问权限

3.2查看自己的用户ID，用户Accesskey

记录下来

3.3使用使用token v2.0生成token

记录下生成的token

3.4编写代码 

代码如下，在js中的内容

Page({  data: {    onenetData: {}, // 初始化 OneNET 数据对象  },  onLoad(options) {    this.fetchOnenetData(); // 页面加载时请求 OneNET 数据  },  onReady() {    // 页面初次渲染完成  },  onShow() {    // 页面显示  },  onHide() {    // 页面隐藏  },  onUnload() {    // 页面卸载  },  onPullDownRefresh() {    // 下拉刷新  },  onReachBottom() {    // 页面上拉触底  },  onShareAppMessage() {    // 分享  },  fetchOnenetData() {    const authInfo = "version=2022-05-01&res=userid%2F355243&et=1744387714&method=sha1&sign=4kG88rXgDyAefNtcnHtPd1HhpDQ%3D";    wx.request({      url: 'https://iot-api.heclouds.com/thingmodel/query-device-property?product_id=Z46g89A65R&device_name=test',      method: "GET",      header: {        'Authorization': authInfo      },      success: (res) => {        if (res.data && res.data.data && res.data.data.length >= 2) {          this.setData({            onenetData: res.data          });        } else {          console.log("OneNET返回的数据格式不正确");        }      },      fail: (err) => {        console.log("OneNET数据请求失败");        console.error(err);      }    });  },})

注意替换以下区域

在wxml中的内容，自己的数据有几个就加几个<text>

<view class="data-values">    <text>{{onenetData.data[0].value}}</text>    <text>{{onenetData.data[1].value}}</text>  </view>

云平台数据

小程序显示

也许您对下面的内容还感兴趣：