【微信小程序控制硬件②】 开始微信小程序之旅,导入小程序Mqtt客户端源码,实现简单的验证和通讯于服务器!(附带源码)

微信小程序控制硬件第1篇 】 全网首发,借助 emq 消息服务器带你如何搭建微信小程序的mqtt服务器,轻松控制智能硬件!
微信小程序控制硬件第2篇 】 开始微信小程序之旅,导入小程序Mqtt客户端源码,实现简单的验证和通讯于服务器!
微信小程序控制硬件第3篇 】 从软件到硬件搭建一个微信小程序控制esp8266的项目,自定义通讯协议,为面试职位和比赛项目加分!
微信小程序控制硬件第4篇 】 深度剖析微信公众号配网 Airkiss 原理与过程,esp8266如何自定义回调参数给微信,实现绑定设备第一步!
微信小程序控制硬件第5篇 】理清接下来必须走的架构思想,学习下 JavaScript 的观察者模式,在微信小程序多页面同时接收到设备推送事件!
微信小程序控制硬件第6篇 】服务器如何集成七牛云存储SDK,把用户自定义设备图片存储在第三方服务器!
微信小程序控制硬件第7篇 】动起来做一个微信小程序Mqtt协议控制智能硬件的框架,为自己心里全栈工程师梦想浇水!!
微信小程序控制硬件第8篇 】微信小程序以 websocket 连接阿里云IOT物联网平台mqtt服务器,封装起来使用就是这么简单!
微信小程序控制硬件第9篇 】巧借阿里云物联网平台的免费连接,从微信小程序颜色采集控制 esp8266 输出七彩灯效果,中秋节来个直播如何?!
微信公众号控制硬件 第10篇 】如何在微信公众号网页实现连接mqtt服务器教程!!
微信小程序控制硬件 第11篇 】全网首发,微信小程序ble蓝牙控制esp32,实现无需网络也可以控制亮度开关。


文章目录

  • 一、前言;
  • 二、注册微信小程序;
  • 三、本博文连接和微信物联有何区别;
  • 四、微信小程序`MQTT`客户端源码导入注意事项;
  • 五、下载;


文章目录

  • 一、前言;
  • 二、注册微信小程序;
  • 三、本博文连接和微信物联有何区别;
  • 四、微信小程序`MQTT`客户端源码导入注意事项;
  • 五、下载;

一、前言;


  • 继续我们的小程序控制智能硬件(包括esp8266)学习,上篇博文已经实现了我们的服务器的配置,这是非常重要的一步,如果上篇的服务器搭建未搭建好,那么这篇等同虚设。如果您已经成功地搭建好了,那么本博文可以带你怎么实现小程序的基本连接,不管您是在校学生或者是已工作的朋友,都或许有一点点帮助!共勉!

二、注册微信小程序;


  • 先在 https://mp.weixin.qq.com/ 进行注册账号,具体的注册方法可以自行百度,最重要的拿到AppID(小程序ID),对于下面的修改服务器域名,是无关紧要的,因为一个小程序只支持https连接,那么医生就是说小程序任何的网络连接的网址都必须是在这配置的,打个比方你的小程序连接的网址即使是https,但是没有在您的后台配置,也是提示“非法域名”。

【微信小程序控制硬件②】 开始微信小程序之旅,导入小程序Mqtt客户端源码,实现简单的验证和通讯于服务器!(附带源码)_第1张图片


三、本博文连接和微信物联有何区别;


【微信小程序控制硬件②】 开始微信小程序之旅,导入小程序Mqtt客户端源码,实现简单的验证和通讯于服务器!(附带源码)_第2张图片

  • 毋庸置疑,微信也有它自己的硬件服务器,但是按照设备个数接入收费,我了解到大多数的厂家都是连接自己的硬件服务器,就是说绕开微信物联平台,这样也就那个了… 哈哈!当然,这是我的方案,也有不好的地方,无法享受微信给我们带来的其他好处,比如扫描二维码就可以配网设备等!如果为了用户体验,强烈推荐使用微信硬件云!

  • 本博文系列的控制,即为下图所示:
    【微信小程序控制硬件②】 开始微信小程序之旅,导入小程序Mqtt客户端源码,实现简单的验证和通讯于服务器!(附带源码)_第3张图片

  • 所以说,本博文系列系列完全可以个人开发,软件上不过就是买个服务器和备案域名比较费钱费时间,硬件上一个esp8266加上几条线最多20元!

  • 还有一点要注意,目前(2018-11-19)我们的微信小程序无法给智能设备配网,只有在企业认证过的微信公众号才可以给设备配网!就是所谓的airKiss技术,但不包括以后微信会不会弥补这个缺陷,但愿吧!!

  • 上面提到的小程序无法配网,但是我们没有企业公众号咋办,那么我们可以通过其他企业公众号实现嘛,比如安信可、乐鑫等,如果你不想用微信公众号配网,也可以用我们的smartConfig一键配网嘛!反正只是连接路由器的功能,哪个技术实现都一样!对不?


四、微信小程序MQTT客户端源码导入注意事项;


  • 这个客户端源码我是网上GitHub上一个别人弄好的仓库进行修改过的,对应的代码在博文下发开源!代码经过测试没问题的,出现其他问题,博文下面留言!

  • 但是要注意的是你下载导入微信开发者工具之后,要记得修改下面的配置,就可以连接到您的服务器了!

  • 服务器配置再一次声明:小程序连接的是443端口,已经在小程序代码中不能出现端口号,切记!

  • 其中的方法说明看下源码就可以了!共勉!下篇我会写一篇怎么和8266通讯控制交互的文章,期待!

【微信小程序控制硬件②】 开始微信小程序之旅,导入小程序Mqtt客户端源码,实现简单的验证和通讯于服务器!(附带源码)_第4张图片


五、下载;


  • 本博文源码下载: https://github.com/xuhongv/WeChatMiniEsp8266

玩转esp8266带你飞、加如QQ群,提高门槛,不喜的朋友勿喷勿加:434878850
esp8266源代码免费学习汇总(持续更新,欢迎star):https://github.com/xuhongv/StudyInEsp8266
esp32源代码免费学习汇总(持续更新,欢迎star):https://github.com/xuhongv/StudyInEsp32

你可能感兴趣的:(8266,乐鑫esp8266学习之旅)