uniapp 微信小程序 mqtt 一台手机能连接, 另外一台不能连接

已于 2023-09-21 11:28:02 修改
阅读量248 收藏 1
点赞数 1
文章标签： uni-app 微信小程序 小程序
于 2023-09-20 12:16:17 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/taoyong920710/article/details/133042054
版权

利用nginx配置了反向代理, 并开启ssl, 转发到emqx的8083端口
在这里插入图片描述
按照这样的配置, pc客户端测试, 正常. 小程序开发工具正常. 老手机测试 正常, 新手机测试不正常. 无法连接. 也没任何报错.

这么玄学的么. 不应该. 找大神的文章看看.

找到一个说是 必须要用443端口.
在这里插入图片描述
大神说, 这里要用443端口. 开整.

前端改为域名连接, 依然无法连接. 我绝望了, 算了先下班.

大家早上好.

又测试一下, 居然可以了. 莫名其妙的问题. 感觉是校验ws的白名单未通过, 官网修改了域名, 但前端仍然使用的缓存的白名单. 即使删除小程序也没用. 可能要重装微信. 或者等第二天.

干掉最后一根发
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
uni-app中创建MQTT连接
南栀@的博客
03-15 1048
订阅事件, 可以订阅多个topic主题内容,在此不作过多陈述;通过订阅后的数据响应, 进行相对应的数据处理。
uniapp 开发安卓项目实现mqtt链接
weixin_43545329的博客
09-07 2170
做一个工厂扫码主动推送到pad上的一个需求需要用到mqtt链接 首先需要引入mqttws31.js 注意不是官方那个版本是后面对其内容做出了一些修改内容过长放在最后面 let $mqtt = require("@/common/js/mqttws31.js"); export default { mixins: [mixin], components: { myNav, empty }, data() { return { TabCur: 0, sc
微信小程序接入mqtt，wss连接失败，求指导
最新发布
feiliua的博客
07-18 247
6. 在微信小程序uniApp开发，mqtt.js 4.1.0，在模拟终端测试，一直链接失败。5. 配置nginx:域名、证书公钥都正常。
uniapp制作APP的mqtt链接问题
weixin_45353536的博客
03-20 802
uniapp MQTT链接问题
微信小程序真机连接MQTT失败，但本地与开发板小程序能正常连接
weixin_44066951的博客
06-17 1449
点开上方链接后可以选择非压缩版和压缩版mqtt.js，点开之后如上图，建议点View Raw打开这个js文件，然后直接alt+A全选复制代码，再粘贴到项目内的mqtt.js内保存，然后上传代码拿出手机进行测试，如果不行你还可以Ctrl+Z撤回代码，不用备份mqtt文件，这样比较方便。如题，用手机打开体验版小程序无法连接mqtt，会一直收到服务器的“reconnect”回调消息，但是本地开发工具运行和真机测试可以正常连接。
uni-app使用mqtt连接不上closeSocket:fail task not found？
PariyPeng
03-27 561
closeSocket:fail task not found？
一篇就够:uniapp-Mqtt系列问题详细攻略(解决掉线、真机调试错误等问题)
热门推荐
C站全栈优质创作者、阿里云受邀博主专家，喜欢结识新伙伴寻找志同道合的朋友，欢迎一起探讨学习
04-26 1万+
不使用mqtt公共服务器来做项目测试需要知道协议转换，以及微信小程序的策略真机调试不上，更换js文件以上就是今天分享的经验，对于还在摸索mqtt的你一定有帮助，这是我花了5个小时踩坑的经历，希望对你有用！💥推荐我的爬虫文章（收费专栏-用心提高质量）💥🤟《记一次云之家签到抓包》🤟《记一次视频抓包m3u8解密过程》🤟《抓包部分软件时无网络+过代理检测 解决办法 安卓黄鸟httpcanary+vmos》🤟《Python】记录抓包分析自动领取芝麻HTTP每日免费IP（成品+教程）》
uniapp开发微信小程序连接mqtt
qq_43447509的博客
10-09 3967
下载mqtt npm i mqtt@2.18.8 存储mqtt客户端到vuex // mqtt module import mqtt from 'mqtt' const CONNECT_MQTT = 'CONNECT_MQTT' const SERVER_IP = '' const SERVER_PORT = '' const SERVER_PATH = 'mqtt' // 连接地址 const SERVICE = `${SERVER_IP}:${SERVER_PORT}/${SERVER_PAT
uniapp转微信小程序mqtt可用完整代码示例-解决整机调试网络不通问题
04-26
标题中的“uniapp转微信小程序mqtt可用完整代码示例”表明这是一个关于使用uniapp框架将应用转换为微信小程序，并且实现了MQTT（Message Queuing Telemetry Transport）通信功能的项目。MQTT是一种轻量级的发布/订阅...
uniapp,微信小程序中使用 MQTT的问题
10-15
2. **连接方式**：由于JavaScript在浏览器环境中无法直接建立TCP连接，因此在uniapp和微信小程序中，必须使用WebSocket（ws/wss）协议来连接MQTT服务器。TCP直连（mqtt/mqtts）只适用于服务器端，客户端必须使用ws或...
微信小程序连接mqtt.rar
01-06
3. **小程序的MQTT库**：如`wx-mqtt-client`，它是一个基于JavaScript的轻量级MQTT客户端库，适配微信小程序。 接下来，我们详细讲解连接过程和注意事项： ### 1. 配置服务器 确保你的MQTT Broker已配置好并运行...
微信小程序连接服务器展示MQTT数据信息的实现
10-15
本文主要探讨了如何使用微信小程序连接服务器并展示MQTT数据信息。微信小程序因其广泛覆盖和快速访问的优势，成为理想的MQTT数据展示平台。实现这一功能，我们需要借助微信开发者工具，按照以下步骤进行： 首先，...
uniapp 使用mqtt后真机调试白屏？或者 WebSocket || WS is not a constructor
奇点的博客
10-29 3089
uniapp 使用mqtt后真机调试白屏？或者 WebSocket || WS is not a constructor
uniapp app端对接mqtt 接收消息推送
weixin_43907110的博客
03-09 1251
mqtt 消息推送
使用mqtt+uniapp 微信小程序真机调试出现closeSocket:fail taskID not exist这个问题
weixin_45792955的博客
04-20 947
最后排查到是我们后台nginx配置的问题，wss的默认端口是443，跟https相同，我这边同事一开始配置的8084，导致真机一直连不上。2: mqtt版本，我这边使用mqtt4.1.0版本，没有问题。1: 证书问题，域名过期或ssl协议版本是否过期。第一次使用mqtt也没经验，就开始逐步排查问题。3: nginx代理问题。
mqtt电脑编辑器可以上传数据，手机微信小程序上传不了数据
零安道长的博客
08-03 137
mqtt常见问题
uniapp mqtt 频繁断开和重连问题（android真机）
专注基础架构领域
06-22 9694
公司是做物联网相关产品的，这段时间项目组遇到了uniapp打包的android离线apk，出现mqtt频繁断开&重连的问题，如果你看到这篇文章，说明你运气好，恭喜你，你的问题可以被解决了。 首先我们使用的mqtt.js版本是@4.1.0 的mini版本，下载地址： https://unpkg.com/mqtt@4.1.0/dist/mqtt.js 出现频繁断连和重连的原因可能是以下几点中的其中一个： 1、mqtt.js底层没有对你调用它方法传入的callback函数做异常捕获，所以你所有的c
使用uni-app开发app时遇到mqtt.js不可用的问题
Alan_Walker688的博客
04-24 1634
使用uni-app开发app时遇到mqtt.js不可用的问题踩坑与记录。
uniapp微信小程序使用mqtt
07-09
Uniapp 是一个跨平台的开发框架，可以同时开发微信小程序、H5、App 等多个平台的应用。如果你想在 Uniapp 中使用 MQTT 进行微信小程序开发，可以按照以下步骤进行： 1. 在 Uniapp 项目中安装 mqtt.js 库，可以通过 npm 或者 yarn 来安装： ```shell npm install mqtt --save ``` 2. 在需要使用 MQTT 的页面或组件中引入 mqtt.js 库： ```javascript import mqtt from 'mqtt'; ``` 3. 连接 MQTT 服务器，在需要连接 MQTT 服务器的地方，使用以下代码进行连接： ```javascript const client = mqtt.connect('wxs://mqtt.example.com', { clientId: 'yourClientId', username: 'yourUsername', password: 'yourPassword' }); client.on('connect', function () { console.log('Connected to MQTT server'); // 连接成功后的逻辑处理 }); ``` 4. 发布和订阅消息，连接成功后，你可以使用 `client.publish` 方法发布消息，使用 `client.subscribe` 方法订阅消息，例如： ```javascript // 发布消息 client.publish('topic', 'message'); // 订阅消息 client.subscribe('topic'); client.on('message', function (topic, message) { console.log('Received message:', message.toString()); // 处理收到的消息 }); ``` 这样，你就可以在 Uniapp 的微信小程序中使用 MQTT 进行消息的发布和订阅了。请根据你的实际需求，调整代码中的配置和逻辑。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值