Wechat applet obtains the data of ---- onenet and controls the on-board LED of STM32

I wrote it before Android studio control stm32 The article , This time I learned the network programming of wechat applet , By the way, I also write a routine of network programming , Some parts of the article are borrowed from this front-end boss , You can pay attention to it —> Portal

explain ： I will only demonstrate a simple wechat applet obtain / control stm32 The operation of , See the blogger above for other beautified interfaces

How to stm32 Data transferred to onenet I've written before , You can read what you don't understand —>stm32–onenet

The operation instructions are not repeated here , Only demonstrate the operation of wechat applet

Prepare the software ;
1. Android wechat developer tool , Here's the picture , Download link —> WeChat official account

step ：

1. Add onent Domain name of , Otherwise, network programming cannot be realized , Here's the picture

Get Method

2. Write code in wechat developer tools

2.1 First, in the app.json Create a new folder in it

2.2 open home.wxml Write controls in it for similar operations

Code instructions ： there getInfo, It's similar to the click event in Android onclick Click on the event function , It means , Click the button , Will jump to getInfo function , Then do the following

there url If you don't understand , You can see my previous ApiPost The article , There are detailed instructions , How to find and use URL–>ApiPost Usage method
method： The default is GET Method , You can omit , If it is Post Just write Post That's it

As for why wendu:res.data.data.datastreams[0].datapoints[0].value, Write this to get data ？,
res.data It represents the received data
adopt json Data format , We can get the value of specific data flow layer by layer

Post Method

alike , and Get The method is the same

Because of the stm32 Is to receive knob：0, bring led State flip , Those who don't understand here can go to see me before stm32 The article , The instructions there are very detailed , Very clear ！

As soon as you start the applet, you automatically get the data

The final effect ：

1. Click on post request ,stm32 Upper led State flip
2. Temperature and humidity are displayed on the wechat applet page … And other sensors