解决微信小程序中使用mqtt，真机调试不能访问的问题

已于 2024-05-08 14:02:12 修改
阅读量5.2k 收藏 21
点赞数 3
文章标签： 微信小程序 小程序 物联网
于 2022-02-10 23:10:35 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiaommxhxxl/article/details/122871133
版权

在开发者工具中使用mqtt可以访问，但是在真机调试的时候就不行，这是因为微信小程序安卓真机解释器的Bug，它把host+port作为Host
服务器搭建mqtt服务器教程

  • 开发者工具中的请求地址，不带端口
    在这里插入图片描述
  • 真机调试带端口
    在这里插入图片描述
    解决方案使用最新的mqtt.js，替换掉原来的mqtt.js即可
  • 替换后真机调试不带端口
    在这里插入图片描述
    如果还是不行，建议参考一下官方Demo、官方教程
向大佬看齐·
关注
  • 3
    点赞
  • 踩
  • 21
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 12
    评论
微信小程序连接服务器展示MQTT数据信息
01-06
一、 实现工具——微信开发者工具 为何使用微信小程序作为展示？ （1） 范围广且能跨平台访问; （2） 小而快能够快速的访问; 二、 实现步骤 1、 总体大概： （1） 界面设计：数据直观展示+历史数据+物联网调试信息 （2） 连接服务器与回调 利用wx.request(Object object)发起 HTTPS 网络请求。 参数： url：开发者服务器接口地址； data：请求的参数； header：设置请求的 header，header 中不能设置 Referer。 成功连接将会调用success: function (res) {}函数，我们可以利用console.log(res.d
uniapp,微信小程序中使用 MQTT的问题
10-15
在uniapp和微信小程序中使用MQTT，主要依赖于JavaScript实现的MQTT客户端库，如mqtt.js。 1. **MQTT.js**：这是一个JavaScript编写的MQTT客户端库，不仅适用于Node.js环境，还支持浏览器环境，包括微信小程序。在...
微信小程序真机连接MQTT失败，但本地与开发板小程序能正常连接
weixin_44066951的博客
06-17 1383
点开上方链接后可以选择非压缩版和压缩版mqtt.js，点开之后如上图，建议点View Raw打开这个js文件，然后直接alt+A全选复制代码，再粘贴到项目内的mqtt.js内保存，然后上传代码拿出手机进行测试，如果不行你还可以Ctrl+Z撤回代码，不用备份mqtt文件，这样比较方便。如题，用手机打开体验版小程序无法连接mqtt，会一直收到服务器的“reconnect”回调消息，但是本地开发工具运行和真机测试可以正常连接。
遇到mqtt真机调试没成功
TobudOS_people的博客
05-06 150
把自己的mqtt.min.js文件换成4.1.0版本就可以了！
微信小程序真机调试连不上
u010669626的博客
06-11 164
2， 之前的真机里的调试程序没有关闭，可以退出微信，重新登录。1， 换简单的微信小程序，以确定是不是程序里有错误。_____ 微信小程序真机调试连不上解决方法。
解决微信小程序MQTT通讯真机调试失败的问题附加可用代码
C站全栈优质创作者、阿里云受邀博主专家，喜欢结识新伙伴寻找志同道合的朋友，欢迎一起探讨学习
05-22 2756
原因：模拟器上测试可以，选中了不校验合法域名，真机调试没能连接服务器，解决思路换了个mqtt.js 可参考 https://unpkg.com/mqtt@2.18.8/dist/mqtt.min.js 废话不多说！上代码 前端部分自己改改就可以用了，我懒得改了 微信小程序index.wxml <view style="width: 750rpx;height:330rpx;"> <image src="https://img-blog.csdnimg.cn/295062b06acc
微信小程序使用mqtt开发可以，真机不行
奇点的博客
01-05 1604
注意，每一步都是有用的哦，如果你的不行，那么就原样复制一下。
解决mqtt连接在微信开发者工具上边可以正常连接，但在真机调试却不能连接的问题。
梦可尤溪的成长之路
10-30 1759
解决mqtt连接在微信开发者工具上边可以正常连接，但在真机调试却不能连接。
微信小程序mqtt真机失败原因分析
weixin_45654405的博客
04-06 3503
前言 文章写于2021年11月…或许微信已经修复了这个bug?这个bug只出现于安卓端，ios没有问题。 正文 配置部署好证书之后，在面板可以成功连接 但是真机不能连通。微信平台里设置了相关服务器域名，在本地校验合法域名也能成功连接。说明部署的证书有效。 说明问题出在了调试和真机 有人说调试和真机的请求头里的type不一样到时调试失败，但是真机可以。直接上传就可以成功。还有的说是mqtt.js库的版本问题。 但是我的问题不是出在这里。 经过查阅相关资料: https://developers.weix
微信小程序 MQTT 连接会遇到的一些问题
qq_27007037的博客
04-28 672
微信小程序使用的 MQTT 通信端口号为：8084不要和 ESP 硬件端口：1883 搞混。
微信小程序mqtt真机调试connect失败
d201214的博客
05-23 1461
问题 最近学习使用微信小程序实现mqtt通信，在真机调试时遇到一个bug卡住很久：在小程序开发工具中能正常连接服务器、订阅、收发消息，但真机调试和预览不能连接到mqtt服务器。 解决问题前的环境 1. 腾讯云服务器 ubuntu18.04 2. 在服务器上配置好了emqx 3. 部署了ssl证书（免费版） 4. 微信公众平台【开发管理】配置了服务器域名。 如何解决 使用nginx代理。 注意：我是用wget命令下载nginx，安装配置很麻烦。建议大家参考b站up主半颗心脏...
在微信小程序中使用mqtt服务的方法
10-15
本文将详细讲解如何在微信小程序中使用MQTT服务。 首先，我们要明确微信小程序不直接支持TCP长连接，但可以通过WebSocket协议来实现类似的功能。因此，选择一个支持WebSocket的MQTT客户端库至关重要。在文中提到了...
uniapp转微信小程序mqtt可用完整代码示例-解决整机调试网络不通问题
04-26
标题中的“uniapp转微信小程序mqtt可用完整代码示例”表明这是一个关于使用uniapp框架将应用转换为微信小程序，并且实现了MQTT（Message Queuing Telemetry Transport）通信功能的项目。MQTT是一种轻量级的发布/订阅...
关于emqx5.6.1在微信开发者工具和h5都正常连接的情况下，真机调试mqtt连接出错。今天就讲宝塔面板的docker容器里emqx5.6.1报错如何修改
最新发布
qq_35761056的博客
06-14 217
4.登录emqx镜像发现不方便修改配置，于是将"/opt/emqx/etc"这个目录复制到其它目录下挂载。再将挂载目录映射到容器相对应的目录下。listeners.wss.default.websocket.fail_if_no_subprotocol = false 然后再重启emqx发现可以连接上了。listeners.ws.default.websocket.fail_if_no_subprotocol = false 配置，重启emqx后还是一样报错。2.在看看真机调试的时候报错的连接。
MQTT微信小程序开发工具可以连接真机不能连接问题解决
u013566525的博客
12-13 5299
MQTT微信小程序开发工具可以连接真机不能连接问题解决 服务器端nginx + mosquttio +koa +微信小程序+mqtt.js mosquttio配置文件 mosquitto.conf 前面的#去掉，找到安装目录执行下面的 找到安装目录执行下面的 wss 手机不能连接的配置文件 location /{ proxy_pass http://iot.xxxx.com:9001;...
解决微信小程序MQTT真机连接问题与合法域名配置SSL问题
C站全栈优质创作者、阿里云受邀博主专家，喜欢结识新伙伴寻找志同道合的朋友，欢迎一起探讨学习
05-25 4112
为方便大家能快速的解决，我添加几个关键词：emqx 配置websocket ssl 、 emqx 配置ssl 、docker项目管理器添加mqtt 、在docker安装mqtt后如何配置ssl证书、小程序反向代理解决mqtt ssl问题 问题是这样的：小程序的wx对应ws协议，wxs对应wss协议，本篇文章介绍了：1、如何解决真机调试mqtt报错连接不上的问题 2、调试通过后，去除勾选不校验合法域名，连接8084端口失败的解决办法（本文内容） 经过3天的不断尝试，用尽了网上很多办法，对MQT
微信小程序+MQTT(emqx)+Ngnix解决真机调试持续重新连接问题
自由学者亻伊宸的博客
12-07 2947
最近想用微信小程序订阅MQTT的消息，但是想要用MQTT，微信小程序不允许用ip去连接，必须用经过备案的域名，然后就开始了艰辛的合法域名探索之路。
小程序使用MQTT链接
qq_34991787的博客
09-28 1002
上面的链接使用小程序编译后不能链接到mqtt服务器，原因是MQTT.js文件过于老旧了，使用新版本替换即可，详细参考下面的这个链接。
微信小程序使用mqtt
12-08
使用MQTT协议可以让微信小程序与设备建立连接，实现消息的传输。下面是使用微信小程序连接MQTT服务器的步骤： 1.申请MQTT服务器，获取MQTT服务器的地址和端口号。 2.在微信开发者工具中创建一个新的小程序项目。 3.在小程序项目中引入MQTT.js库，该库可以让小程序使用MQTT协议与设备建立连接。 4.在小程序中编写代码，使用MQTT.js库连接MQTT服务器，订阅主题并发布消息。 下面是一个使用微信小程序连接MQTT服务器的示例代码： ```javascript // 引入MQTT.js库 const mqtt = require('/utils/mqtt.min.js') // 连接MQTT服务器 const client = mqtt.connect('wxs://mqtt.example.com:8883', { username: 'your-username', password: 'your-password' }) // 订阅主题 client.subscribe('your-topic') // 监听消息 client.on('message', function (topic, message) { console.log('Received message:', message.toString()) }) // 发布消息 client.publish('your-topic', 'Hello, MQTT!') ```
评论 12
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

向大佬看齐·

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值