系列文章目录
前言
最近在做智能家居的项目,主要是通过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/