ESP32上传温湿度至新版Onenet云平台,实现LED灯和其他外设的远程控制
一、获取温湿度数据并且刷新
1.打开上次制作的token获取文件,如下删除登录界面:
2.在删除的地方输入下面代码,点击运行到内置浏览器,效果如下:
<view class="">温度{{temp}}℃ </view>
<view class="">湿度{{humi}}% </view>
<switch :checked="led" @change="" />
3.创建温度,湿度,LED三个变量并进行绑定:
4.通过http协议向OneNet云平台获取温湿度数据:
先去OneNet云平台文档中心获取接口地址:
将下面代码替换上去:
methods: {
fetchDevData(){
uni.request({
url: 'https://iot-api.heclouds.com/thingmodel/query-device-property', //仅为示例,并非真实接口地址。
data: {
text: 'uni.request'
},
header: {
'custom-header': 'hello' //自定义请求头信息
},
success: (res) => {
console.log(res.data);
this.text = 'request success';
}
});
请求方式为GET,设置设备ID和设备名称,以及调用token生成函数:
5.删除多余部分:
上面的是要删除的:
下面的是删完后的:
6.显示并刷新温湿度数据:设置定时刷新温湿度数据:每隔3秒刷新一次
按照下图进行修改,最后运行内置浏览器:
运行结果如下:
作者:时风