当前位置:   article > 正文

STM32+MQTT+微信小程序_stm32把数据联网传送到微信小程序

stm32把数据联网传送到微信小程序

实验器材:

硬件:Stm32f103系列单片机  DHT11温湿度传感器  LED灯 OLED显示屏 ESP8266  USB TO TTL   蜂鸣器  GP2Y1014AU0F 

软件:keil

实验内容:

  1. 根据原理图安装硬件
  2. 操作流程:首先对于物联网来说,分为感知层、传输层、应用层。

先完成硬件部分的程序

  1. 建立工程模板,点亮LED灯
  2. 添加OLED,DHT11,蜂鸣器驱动文件

原理图:

5573767a45f94ecbbddf3895aa4a7956.png

连接图:

97b352986c3442ddaffe6be630bb41cd.png

注意:一般要导入别人的程序需要去修改以下这些地方:

bbdd9bf8a5494efeabae370fe677ac3e.png

aac3a18fc50549db8583971e47381065.png

5d8302119037462582ccd0d5d92469a5.png

f7c9ab1a456f498eacf69b9e1131d823.png

e8b4a852c3864e2a8fc584112b5d09fc.png

添加完按键、蜂鸣器等的驱动后,现在就需要云连接。

步骤如下:

  1. 进入one net  找到资源程序  移植onenet驱动程序

导入方法,将程序导入文件夹后

4458137cab764ab8b45c6a91f2d97afd.png

导入keil中,然后指定文件位置

99c9d2db621a4eeca3d8581e0b1ef3c9.png

f598b197ad7e46f8858c6071e65845ea.png

导入完成之后,要使用MQTT服务器,设备采集数据发送到MQTT服务器

488c70dad2b643738ef5a24c3f0da0b8.png

接下来,使用MQTT fx给服务器发送消息

861b8f958b084ec098ecba4423bba6ff.png

8a475b6c98994c32914a705a3ea0b1a8.png

这里也可以使用json来解码

28e38ea29c7a46f1a81d90bd0f13cc87.png

所谓json就是键值对,这里大家可以去b站搜索学习哈,这里简单说明一下供大家理解。

Json格式为    {“key”:”value”},例如

{

“姓名”:”小胡”,

“班级”:”物联网”

}

这就是设备上行数据

接下来需要让我们的设备接收MQTT服务器发送来的数据,也就是设备订阅命令发送到上位机,这里需要用到CJson,去官网下载即可,然后按照同样的方法导入到Keil中。同样使用MQTTfx模拟上位机

4f565e8a5df74d79994cab6a8d141689.png

此时便可以发现蜂鸣器关闭,如果为0则蜂鸣器打开

接下来写微信小程序

打开微信开发者工具,新建一个Image文件夹,用来存放图片,在app.Json当中,使用tabbar底边栏,将图片放入

db2ad6977faf4b09bd36e6d62f718142.png

接下来进行微信顶栏的开发

在这里我们加入一个天气预报

进入主页,index

完成基本界面的绘制

接下来让小程序连接MQTT的一个服务器

完成连接之后,就要让天气预报实时更新

打开和风天气控制台,申请KEY

f80d637f82b1404e8e1d8680167e0e31.png

e1beafc5aca64745972abb0e026da4db.png

在这里就可以获得一个免费的key

加入到程序中,运行

0dd9f59c71a14c1bb5c2745137bf8a53.png

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/2023面试高手/article/detail/693172
推荐阅读
相关标签
  

闽ICP备14008679号