用树莓派获取传感器数据通过Onenet云平台（物模型）传输至微信小程序（下）_传感器小程序

最新推荐文章于 2024-11-06 16:59:00 发布

2401_83641443

最新推荐文章于 2024-11-06 16:59:00 发布

阅读量1.1k

点赞数 28

分类专栏：程序员文章标签：小程序微信小程序 notepad++

本文链接：https://blog.csdn.net/2401_83641443/article/details/138931546

版权

程序员专栏收录该内容

498 篇文章 3 订阅

订阅专栏

(method和version和我一样，不要更改！）

填入自己的信息后点击Generate,下方就会生成token。

二、在微信小程序调用OneNET的API（GET请求）

（这部分教程我参考了这篇博客）物联网实践教程（终章）：微信小程序结合OneNET平台MQTT实现51/STM32单片机智能控制与温度等数据实时显示【微信小程序篇】_4.物联网实践教程(终章):微信小程序结合onenet平台mqtt实现51/stm32单片机智-CSDN博客:微信小程序结合onenet平台mqtt实现51/stm32单片机智-CSDN博客")

将之前生成的token填入，换成自己的产品ID和设备ID（只需要更改我框起来的三个部分）

fetchOnenetData()函数详细解读：

该函数功能是使用 OneNET 平台的 API 获取 MQTT 设备（接入协议为MQTT就行）的最新属性值。

authInfo 是用于鉴权的信息，其中包含了API 版本、用户标识、过期时间、请求方法和签名等信息。这里需要将其替换为你实际的鉴权信息。
使用 wx.request() 方法向指定的 OneNET API 地址发送 GET 请求，请求参数包括产品 ID 和设备名称。
在成功获取响应后，会执行 success 回调函数，将返回的数据存储在页面数据对象的 onenetData 中，以便后续处理和展示。
如果请求失败，则会执行 fail 回调函数，输出错误信息到控制台供调试和处理。

总的来说，**fetchOnenetData()函数**实现了从 OneNET 平台获取 MQTT 设备最新属性值的功能，并在小程序中进行相应的处理。

代码如下

 // 获取设备最新属性值
  fetchOnenetData() {
        // 这里替换为用户的实际鉴权信息
        const authInfo = "version=2022-05-01&res=userid%2F345494&et=1712483535&method=sha1&sign=rKq9rzySLpd%2B4hXD%2BS%2Fu3KHryG4%3D"; 
        wx.request({
          url: 'https://iot-api.heclouds.com/thingmodel/query-device-property?product_id=774mY758yi&device_name=test',
          method: "GET",
          header: {
            'Authorization': authInfo
          },
          success: (res) => {
            // 更新设备属性值数据
            this.setData({
              onenetData: res.data
            });
          },
          fail: (err) => {
            console.log("OneNET数据请求失败");
            console.error(err); // 处理请求失败的情况
          }
        });
      },

然后通过以下代码调用onenetData.data中存储的平台数据（数组顺序是按照Onenet平台上属性的顺序）

代码如下

  <!-- 设备属性值展示，根据属性类型使用不同的单位 -->
  <view class="data-values">
    <!-- 显示可调电阻，单位为百分比（%） -->
    <text style="font-size: 50rpx; margin-bottom: 140rpx;">{{onenetData.data[0].value}} %RH</text>
    <!-- 显示温度值，颜色根据计算结果变化，单位为摄氏度（℃） -->
    <text style="font-size: 50rpx; color: {{temperatureColor}};">{{onenetData.data[1].value}} ℃</text>
  </view>