微信小程序连接新版Onenet，API。

一、下载token v2.0

token v2.0链接

链接：https://pan.baidu.com/s/10UqLSNt0vX1Cpi5hBn-K9A 
提取码：bdft

 二、去onenet获取会用到的参数

1.先登入onenet获取、用户ID、用户Accesskey

（1）.右上角访问权限。

 

 （2）进入访问权限之后在记事本上记下用户ID和用户Accesskey。

（3）在设备管理页面记下设备ID和产品ID。

2.打开下载的token，填写下面的信息。生成：用户token。

res：userid/用户ID

et：是截至时间戳可以去下面的连接自己生成也可以复制我的 1742807732      

时间戳生成链接：时间戳(Unix timestamp)转换工具 - 在线工具 (tool.lu)

key ： 用户Accesskey

method：sha1

version：不用动

将以上信息填入token生成工具，并将其复制到记事本。

三、微信小程序

    authInfo: "用户token",  

    productId: "产品id",  

    deviceName: "设备名称",       

大家只用改这三个数值。

1.在页面的.js文件中写入来读取onenet中的数据。

  1. Page({  
  2.  
  3.   // 页面初始数据  
  4.  
  5.   data: {  
  6.  
  7.     onenetData: [],       // 用来存储设备属性值的数组  
  8.  
  9.     deviceStatus: [],     // 用来存储设备状态信息的数组  
  10.  
  11.   },  
  12.  
  13.   config: {  
  14.  
  15.     authInfo: "用户token",  
  16.  
  17.     productId: "xxxxx",  //产品id
  18.  
  19.     deviceName: "xxxxx",       //设备名称
  20.  
  21.     apiBaseUrl: "https://iot-api.heclouds.com",  
  22.  
  23.     startTime: 0,  
  24.  
  25.     endTime: 0,  
  26.  
  27.     limit: 1  
  28.  
  29.   },  
  30.  
  31.   
  32.  
  33. // 生命周期函数--监听页面加载  
  34.  
  35. onLoad(options) {  
  36.  
  37.   // 获取动态时间戳  
  38.  
  39.   const { startTime, endTime } = this.getTimestamps();  
  40.  
  41.     
  42.  
  43.   // 更新config中的时间戳  
  44.  
  45.   this.config.startTime = startTime;  
  46.  
  47.   this.config.endTime = endTime;  
  48.  
  49.     
  50.  
  51.   // 获取设备数据和状态  
  52.  
  53.   this.fetchOnenetData();  
  54.  
  55.   this.fetchDeviceStatus();  
  56.  
  57.   
  58.  
  59.   // 使用setInterval时，确保this指向正确，并定时更新设备状态和数据  
  60.  
  61.   setInterval(() => {  
  62.  
  63.     const { startTime, endTime } = this.getTimestamps();  
  64.  
  65.     this.config.startTime = startTime;  
  66.  
  67.     this.config.endTime = endTime;  
  68.  
  69.     this.fetchDeviceStatus();  
  70.  
  71.     this.fetchOnenetData();  
  72.  
  73.   }, 3000); // 每分钟更新一次，你可以根据需要调整时间间隔  
  74.  
  75. },
  76.  
  77.   // 计算时间戳的函数  
  78.  
  79.  getTimestamps() {  
  80.  
  81.   const now = new Date().getTime();  
  82.  
  83.   const oneWeekAgo = now - 7 * 24 * 60 * 60 * 1000; // 一周前的时间戳  
  84.  
  85.   const currentTime = now; // 当前时间的时间戳（虽然不一定需要，但可以用于其他目的）  
  86.  
  87.   return {  
  88.  
  89.     startTime: oneWeekAgo,  
  90.  
  91.     endTime: currentTime // 如果你需要精确到一天的结束，你可以加上一天的时间戳，但这里我们只用当前时间作为结束时间  
  92.  
  93.   };  
  94.  
  95. },
  96.  
  97.   // 获取mqtt设备最新属性值  
  98.  
  99.   fetchOnenetData() {  
  100.  
  101.     const { apiBaseUrl, productId, deviceName, authInfo } = this.config;  
  102.  
  103.     wx.request({  
  104.  
  105.       url: `${apiBaseUrl}/thingmodel/query-device-property?product_id=${productId}&device_name=${deviceName}`,  
  106.  
  107.       method: "GET",  
  108.  
  109.       header: {  
  110.  
  111.         'Authorization': authInfo  
  112.  
  113.       },  
  114.  
  115.       success: (res) => {  
  116.  
  117.         // 更新设备属性值数据  
  118.  
  119.         this.setData({  
  120.  
  121.           onenetData: res.data  
  122.  
  123.         });  
  124.  
  125.       },  
  126.  
  127.       fail: (err) => {  
  128.  
  129.         console.log("OneNET数据请求失败");  
  130.  
  131.         console.error(err); // 处理请求失败的情况  
  132.  
  133.       }  
  134.  
  135.     });  
  136.  
  137.   },  
  138.  
  139.   
  140.  
  141.   // 获取设备状态历史信息  
  142.  
  143.   fetchDeviceStatus() {  
  144.  
  145.     const { apiBaseUrl, productId, deviceName, authInfo, startTime, endTime, limit } = this.config;  
  146.  
  147.     wx.request({  
  148.  
  149.       url: `${apiBaseUrl}/device/status-history?product_id=${productId}&device_name=${deviceName}&start_time=${startTime}&end_time=${endTime}&limit=${limit}`,  
  150.  
  151.       method: "GET",  
  152.  
  153.       header: {  
  154.  
  155.         'Authorization': authInfo  
  156.  
  157.       },  
  158.  
  159.       success: (res) => {  
  160.  
  161.         // 更新设备状态信息数据  
  162.  
  163.         this.setData({  
  164.  
  165.           deviceStatus: res.data  
  166.  
  167.         });  
  168.  
  169.       },  
  170.  
  171.       fail: (err) => {  
  172.  
  173.         console.log("设备状态信息请求失败");  
  174.  
  175.         console.error(err); // 处理请求失败的情况  
  176.  
  177.       }  
  178.  
  179.     });  
  180.  
  181.   },  
  182.  
  183. // 示例：当某个事件触发时调用上报函数
  184.  
  185. onSomeEvent(e) {
  186.  
  187.   const newValue = e.detail.value;  // 获取新的属性值
  188.  
  189.   console.log('准备上报的属性值:', newValue);
  190.  
  191.   this.reportOnenetData(newValue); // 上报设备属性 
  192.  
  193. }
  194.  
  195. })

2.找到我们的数据格式。

3.在.wxml文件中写入代码。

  1.         class="data-wrapper">
  2.           class="data">
  3.             class="data-left">
  4.               class="data-logo" src="/static/image/temp .png">
  5.               class="data-title">{{onenetData.data[6].name}}
  6.             
  7.             class="data-value">{{onenetData.data[6].value}}度
  8.           
  9.  
  10.           class="data">
  11.             class="data-left">
  12.               class="data-logo" src="/static/image/湿度.png">
  13.               class="data-title">{{onenetData.data[3].name}}
  14.             
  15.             class="data-value">{{onenetData.data[3].value}}%
  16.           
  17.

4.读取到我们的数据。

 

以上就是通过api的方式读取onenet中数据的流程，点赞、收藏、关注、私信源码，单片机嵌入式设计问题也可以私信回答，接毕设和单片机嵌入式设计

 

 

 

 

 

注：本文转载自blog.csdn.net的岁岁安，岁岁安的文章"https://blog.csdn.net/2402_83581955/article/details/142925672"。版权归原作者所有，此博客不拥有其著作权，亦不承担相应法律责任。如有侵权，请联系我们删除。
复制链接
相关推荐
发表评论

评论记录：

未查询到任何数据！