【课设】/【毕设】ESP32上传温湿度至新版Onenet云平台并由新版Onenet云平台下发命令控制LED灯和其他外设+uni-APP控制2(STM32-ESP32通用){持续更新ing}

一、获取温湿度数据并且刷新

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

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

运行结果如下:

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值