MQTT微信小程序开发工具可以连接真机不能连接问题解决

MQTT微信小程序开发工具可以连接真机不能连接问题解决

服务器端nginx + mosquttio +koa +微信小程序+mqtt.js

mosquttio配置文件

mosquitto.conf 前面的#去掉，找到安装目录执行下面的 找到安装目录执行下面的

wss 手机不能连接的配置文件

location /{
    proxy_pass http://iot.xxxx.com:9001;
    #代理到上面的地址去，格式：http://域名:端口号，
    proxy_http_version 1.1;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection "Upgrade";
    proxy_set_header Sec-WebSocket-Protocol mqtt;
    proxy_connect_timeout 5s; #配置点1
    proxy_read_timeout 60000s; #配置点2，如果没效，可以考虑这个时间配置长一点
    proxy_send_timeout 60000s; #配置点3
}

mqtt.js微信链接配置

开发工具与真机对比

并不是网上说的必须把mqtt 端口设成443 后续说明，仔细查看后问题在左图红框里但右图没有

wss 手机能连接的配置文件

location /{
    proxy_pass http://iot.xxxx.com:9001;
    #代理到上面的地址去，格式：http://域名:端口号，
    proxy_http_version 1.1;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection "Upgrade";
    proxy_set_header Sec-WebSocket-Protocol mqtt;
    proxy_connect_timeout 5s; #配置点1
    proxy_read_timeout 60000s; #配置点2，如果没效，可以考虑这个时间配置长一点
    proxy_send_timeout 60000s; #配置点3
}

左图为没加子协议头的小程序，右边是加子协议的小程序。

mqtt调试工具很好用

需要交流的可以微信qq同号 522533086
如果对你有帮助送我一杯咖啡 微信