一、获取温湿度数据并且刷新
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秒刷新一次
按照下图进行修改,最后运行内置浏览器:
运行结果如下:文章来源:https://www.toymoban.com/news/detail-853358.html
文章来源地址https://www.toymoban.com/news/detail-853358.html
到了这里,关于【课设】/【毕设】ESP32上传温湿度至新版Onenet云平台并由新版Onenet云平台下发命令控制LED灯和其他外设+uni-APP控制2(STM32-ESP32通用){持续更新ing}的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!