微信小程序mqtt真机失败原因分析

前言

文章写于2021年11月…或许微信已经修复了这个bug?这个bug只出现于安卓端，ios没有问题。

正文

配置部署好证书之后，在面板可以成功连接

但是真机不能连通。微信平台里设置了相关服务器域名，在本地校验合法域名也能成功连接。说明部署的证书有效。

说明问题出在了调试和真机
有人说调试和真机的请求头里的type不一样到时调试失败，但是真机可以。直接上传就可以成功。还有的说是mqtt.js库的版本问题。
但是我的问题不是出在这里。

经过查阅相关资料:
https://developers.weixin.qq.com/community/develop/doc/00082ca48ec8b00ecc3895ceb53c00?highLine=mqtt

发现这应该是微信小程序安卓真机解释器的Bug，它把host+port作为Host

观察请求头可以发现：
真机的Host是域名+端口

本地的Host则是Host才是域名，也就是真正的主机名

不加端口号默认是443端口,也就是https

此时这个请求发送到服务的时候被nginx反向代理转发到别的端口了

因此可以成功连接。
需要注意一点的是之前我们因为使用wss连接所以设置了8084接口。
但是由于服务器配的端口是443所以要注释掉port属性使用默认端口。

在面板也能连接成功。