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秒刷新一次

 按照下图进行修改,最后运行内置浏览器:

运行结果如下:

作者:时风

物联沃分享整理
物联沃-IOTWORD物联网 » ESP32上传温湿度至新版Onenet云平台,实现LED灯和其他外设的远程控制

发表回复