微信小程序获取----onenet的数据并控制stm32的板载LED

本文介绍如何在微信小程序中利用GET和POST方法连接STM32,实现数据交互:GET获取实时数据,POST控制设备状态。通过实例演示如何配置、编写代码并展示实际应用效果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

之前有写过Android studio控制stm32的文章,这次学了一下微信小程序的网络编程,顺便也写一个网络编程的例程,文章有一些地方是借鉴这位前端大佬的,大家可以关注一下—>传送门

说明:我这里只演示简单的微信小程序 获取/控制 stm32的操作,其他美化界面就看上面那位博主的

怎么将stm32的数据传送到onenet我之前写过了,不懂的可以看—>stm32–onenet

这里不在重复操作说明,只演示微信小程序的操作

准备软件;
1.安卓微信开发者工具,如下图,下载链接—>
微信公众号

在这里插入图片描述

步骤:

1.在微信公众号里面添加onent的域名,不然无法实现网络编程,如下图

在这里插入图片描述

Get方法

2.在微信开发者工具里面编写代码

2.1首先在app.json里面新建一个文件夹

在这里插入图片描述

2.2打开home.wxml在里面写控件类似的操作

在这里插入图片描述
代码说明:这里的getInfo,就类似安卓里面点击事件的onclick点击事件函数,就理解为,点击了按钮,会跳转到getInfo函数,然后执行下面的操作就行了

在这里插入图片描述

这里的url如果不懂的话,可以看我之前的ApiPost的文章,那里有详细说明,怎么找与使用URL–>ApiPost使用方法
method:默认是GET方法,这里可以省略,如果是Post就写上Post就行了

至于为什么是 wendu:res.data.data.datastreams[0].datapoints[0].value,这样写获取数据呢?,
res.data 就代表接收到的数据
通过json的数据格式,我们可以一层一层的获取具体数据流的值
**在这里插入图片描述

Post方法

同样的,和Get方法一样
在这里插入图片描述

因为我这里的stm32是接收到knob:0,使得led状态翻转这里不懂的可以去看我之前stm32的文章,那里说明很详细,很清楚!

一启动小程序就自动获取数据

在这里插入图片描述

最后的实现效果:

1.点击post请求,stm32上的led状态翻转
2.微信小程序页面上显示温湿度…之类其他传感器的值
在这里插入图片描述

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

挨踢玩家

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值