微信小程序配合物联网进行控制esp8266

系列文章目录


前言

最近在做智能家居的项目,主要是通过esp8266接入云端实现远程控制的效果,就萌发想用微信小程序进行控制的想法。然后由于对前端不是很了解,关于核心代码是参考别人的代码——我只是代码的搬运工


提示:以下是本篇文章正文内容,下面案例可供参考

一.准备材料;

1.注册微信小程序:
先在 https://mp.weixin.qq.com/ 进行注册账号,具体的注册方法可以自行百度,拿到AppID(小程序ID)。
2.在微信公众平台:https://mp.weixin.qq.com 注册个人微信小程序 , 下载开发者工具点我下载
3.在阿里云物联网平台创建设备并连接ESP8266
微信开发者工具是针对微信小程序开发的一款软件,于前端开发类似,要进行开发需要一定的前端经验,不过我们用来搬运的话,只要修改些参数即可

二、三大配置

1.阿里云配置

进入阿里云物联网平台新建一个公共实例

在这里插入图片描述
再创建创建两个设备
一个和esp8266连接
一个和微信小程序连接
分别得到两个
在这里插入图片描述
分别得到两个设备的三元组,记录下来
(这是与两个客户端连接的凭据)
在这里插入图片描述

再回到产品,功能定义,编辑草稿,添加我们需要的功能
在这里插入图片描述
然后发布上线。
接下来是对esp8266的设置
这里用的 Arduino 环境写 8266 程序(这个之后会详细写一篇进行描述)
在这里插入图片描述
将程序烧录esp8266与服务端进行连接
在这里插入图片描述
这样设备就在线了

2.数据转运

接下来也是最为重要的一步,就是将esp9266发送的消息转运到微信小程序。
在产品流转中创建解析器,这是转运消息的规则,两者信息交互的依据。
在这里插入图片描述
在这里插入图片描述
创建完成之后,需要配置数据源,也就是数据的来源
创建数据源,并添加topic
在这里插入图片描述
创建数据目的,顾名思义,就是数据接收的地方,即小程序
在这里插入图片描述
最后一步是将esp8266发送过来的数据解析成小程序能看得懂的形式,即操作解析器脚本
在这里插入图片描述
最后只要将该规则启动即可,这是esp8266发给小程序的规则,我们也可以设置小程序对esp8266的控制的规则(自行解决)

3.微信小程序

首先在新建的产品里新建一个设备,对应微信小程序
打开微信开发者工具,导入需要的程序(微信公众平台要进行设置,
自行搜索)
连接物联网平台的设备所需进行配置
在这里插入图片描述
小程序接收数据在这里插入图片描述
将数据展现在小程序页面
在这里插入图片描述
最后进行编译即可接收到数据
在这里插入图片描述

总结

仓库地址:https://github.com/mofan19/smart_world
小程序:https://gitee.com/Travmly/item/tree/master/

评论 14
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

.墨白

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

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

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

打赏作者

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

抵扣说明:

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

余额充值