记坑：mqtt+微信小程序。

背景：使用mpvue搭建微信小程序项目，利用mqtt进行物联网。

之前利用mpvue已经能连上阿里云的物联网平台进行通讯，但是我又搭建了EMQX在自己服务器上，想用自己的服务器进行通讯。首先先用页面写了个小demo,先进行测试，可以连接，然后我就转入微信小程序测试连接。结果很诡异，只要一点击连接，就不停地报 closeSocket:fail WebSocket is not connected。经过各种排查，终于查出问题。直接上代码：

this.url = 'wx://your.url：6666/mqtt'this.options = {connectTimeout: 4000,  //超时时间clientId: 'C_clientcc',  //随机生成IDusername: '',  //用户名password: '',  //密码}
var client = mqtt.connect(this.url, this.options)

问题就在连接的url上，当然clientId用重复也会有问题，这里就不多说了。首先：如果使用的mqtt包连接，那么就要使用wx:(mqtt作者已经做过了二次封装).第二：url这里，如果勾选了不检验域名，可以使用IP地址或者域名，后面要跟上EMQX端口号，最后！要有/mqtt结尾！这里是大坑，我在页面写的demo测试连接的时候，是不需要带上的，我但是微信小程序用的mqtt要带上，查了各种资料才解决这个问题。最后提示：如果该端口没有SSL，那么用wx:,否则就要用wxs: 当然，正常上线的话，是要求检验域名的，即需要wxs: ，那么就要自己去服务器配置了。

页面使用的是这个：

https://cdnjs.cloudflare.com/ajax/libs/paho-mqtt/1.0.1/mqttws31.js

记坑：mqtt+微信小程序。相关推荐

STM32+ESP8266+MQTT微信小程序SoftAP一键配网接入腾讯物联网平台
STM32+ESP8266+MQTT微信小程序SoftAP一键配网接入腾讯物联网平台 Wi-Fi 配网,指由外部向 Wi-Fi 设备提供 SSID 和密码(PSW),让 Wi-Fi 设备可以连接指 ...
微信小程序踩坑日记-微信小程序首次加载样式错乱问题
微信小程序踩坑日记-微信小程序首次加载样式错乱问题在实际开发项目中,遇到了个棘手的问题,就是在某些因素下,进入小程序发现有些样式发生偏移.错乱等问题问题原因:-未知(估计是组件的问题) ↓ 解决办 ...
记一次微信小程序云函数操作Mysql数据库
一.前因在制作课程设计的时候需简单地操作Mysql数据库使得小程序可以与其他端系统进行数据交互这时候问题来了,仅仅只是因为一个插入表的数据库操作就单独制作一个Servlet看似又有点浪费服务器资源 ...
记录毕设做小程序的坑（微信小程序体验版wx.request无法获取用户的openid）
毕设想做一个微信小程序,在体验版进行测试时发现,用户登录时不能把用户的信息存储到云数据库中,我当时真的谢了.测试了一下发现是wx.request获取不到openid了,因为我写的是获取到openid之 ...
记一次微信小程序进入游客模式后如何切换回来
今天在使用uni-app 制作微信小程序的时候, 无意之间微信小程序的ide 变成了游客模式, 莫名其妙, 查了查当时也没找到解决的办法, 但我看到有人说好像是 appid 的原因, 下面我说一 ...
记一次微信小程序源码反解包
1 安装Nodejs 一下载安装包:https://nodejs.org/en/download/ 安装完成后在安装目录下新建两个文件夹: node-cache node-global (这是用来放 ...
记一次微信小程序云开发实例（简单调查问卷）
y1s1,十分想吐槽一下微信小程序,文档写不全,开发方式复杂. 顺带吐槽老师讲课就提个概念. 相关的文档可参考https://developers.weixin.qq.com/community/bu ...
记一次微信小程序canvas 2d 生成海报问题
因项目需要,需要制作海报分享. 如: 事情总是不是那么顺利,canvas生成海报生成中遇到各种奇葩问题.一开始是 wx.canvasToTempFilePath 中获取不到canvas对象,调用返回 ...
随心所记：记一次微信小程序对接腾讯广点通的虐心经历
广点通是啥?简单说就是一个广告的投放途径后台要做统计,需要我这里拿到他们的id 简单说就是这样的小程序路径 pages/index/index 根据他们提供的文档,他们的系统会拼接一个参数 ...

记坑：mqtt+微信小程序。

记坑：mqtt+微信小程序。相关推荐

最新文章

热门文章