小程序使用MQTT链接

迁旭

已于 2024-03-15 13:51:27 修改

阅读量604

点赞数

分类专栏：小程序文章标签：小程序

于 2022-09-28 18:51:18 首次发布

本文链接：https://blog.csdn.net/qq_34991787/article/details/127094861

版权

小程序专栏收录该内容

1 篇文章 0 订阅

订阅专栏

MQTT-Client-Examples/mqtt-client-wechat-miniprogram at master · emqx/MQTT-Client-Examples (github.com)

上面的链接使用小程序编译后不能链接到mqtt服务器，原因是MQTT.js文件过于老旧了，使用新版本替换即可，

详细参考下面的这个链接

在微信小程序中打造 MQTT 连接测试工具 | EMQ (emqx.com)

MQTT 库安装

推荐使用 MQTT.js v4.2.1（针对原生的微信小程序），若调试器可以连接但真机调试仍有问题，建议尝试切换 MQTT.js 版本。

原生微信小程序 MQTT.js 可用版本有 v4.2.1、v4.2.0、v4.1.0 和 v2.18.8

使用 uniapp 框架搭建微信小程序 MQTT.js 可用版本有 v4.1.0 和 v2.18.8

在项目根目录下新建 utils 文件夹，将下载好的对应版本的 mqtt.min.js 文件放入该文件夹中，在 index.js 中通过如下方式引入 mqtt

import mqtt from "../../utils/mqtt.min.js";


GitHub - mqttjs/MQTT.js: The MQTT client for Node.js and the browser

关注博主即可阅读全文

优惠劵

迁旭

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
小程序使用MQTT链接

上面的链接使用小程序编译后不能链接到mqtt服务器，原因是MQTT.js文件过于老旧了，使用新版本替换即可，详细参考下面的这个链接。
复制链接

扫一扫

专栏目录

微信小程序连接mqtt的工程

01-03

该文件是从github下载下来的微信小程序连接mqtt的工程，经过了一点点的修饰，仅供本人记录使用

可以正常链接微信和支付宝小程序的mqtt.js文件

03-05

可以正常链接微信和支付宝小程序的mqtt.js文件，特别是可以解决支付宝小程序真机连接失败问题。

1 条评论您还未登录，请先登录后发表或查看评论

【微信小程序控制硬件⑦ 进阶篇】动起来做一个微信小程序Mqtt协议控制智能硬件的框架，为心里全栈工程师梦想浇水。

徐宏的博客 | 修身齐家治国平天下

03-21

1万+

智能家居目前越来越火，微信小程序可以跨平台开发，所以有必要开发一个智能家居框架！而本框架支持断线重连！重新订阅主题！拓展性强，与具体的通讯协议没有任何耦合！开发者可以根据自己业务来做协议！

uniapp mqtt 频繁断开和重连问题（android真机）

专注基础架构领域

06-22

9019

微信小程序连接服务器展示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

微信小程序—连接MQTT

weixin_42370166的博客

05-30

8882

1、在微信开发小程序工具中首先安装mqtt.js与mqtt.min.js到文件utils中，并在引用的.js文件中声明。 var mqtt= require('../../utils/mqtt.min.js') 2、可以选择公共的MQTT服务器，仅用于测试，较为方便，由EMQ提供。同时可参考EMQ提供的文档服务器链接：https://www.emqx.com/zh/mqtt/public-mqtt5-broker EMQ链接：https://www.emqx.com/zh/blog/how-to-use

如何在vue中使用mqtt,在小程序中使用mqtt

weixin_40466351的博客

07-13

8267

一、mqtt配置工具：http://tools.emqx.io 配置： mqtt地址：ws://broker.emqx.io:8083/mqtt 主题：配置编辑页面

微信小程序中使用mqtt（拿来即用版）

ZZ556464的博客

04-06

1558

【代码】微信小程序中使用mqtt（拿来即用版）

小程序mqtt实现聊天功能

前端_李嘉豪

06-28

4119

mqtt是什么？ MQTT是一个轻量级传输协议，它被设计用于轻量级的发布/订阅式消息传输，MQTT协议针对低带宽网络，低计算能力的设备，做了特殊的优化。是一种简单、稳定、开放、轻量级易于实现的消息协议，在物联网的应用下的信息采集，工业控制，智能家居等方面具有广泛的适用性。谁发布，谁订阅？ MQTT服务器类似一个公告栏，里面张贴了各种广告。张三跑过来说，凡是涉及足球的（/public/TEST/Soccer）的都发给自己（订阅）第二天，李四过来贴广告了，主题是（/public/TEST/Socc

JS 连接MQTT的方法（mqtt.js的使用方法）

热门推荐

qq_17627195的博客

10-13

1万+

本文章是介绍 mqtt.js 的使用方法本文章使用的版本是 4.1.x ，没用最新版的原因是 4.2.x 以上版本会报错，具体报错可以看我的另一篇文章。使用的 4.1.x 版本地址：https://cdn.bootcdn.net/ajax/libs/mqtt/4.1.0/mqtt.min.js 如果遇到无法连接/错误提示 WebSocket connection to …… 的问题，请看我另一篇文章，其中记录了我多次用到，遇见的连接问题。

微信小程序连接mqtt.rar

01-06

附带注意事项避免踩坑

如何在微信小程序的websocket上使用stomp协议1

08-03

如何在微信程序的websocket上使stomp协议stomp和mqtt功能样，都是来订阅和发布消息的，只是前者是基于本字符串的协议，后者是基于进制的协议上篇章

微信小程序连接阿里云物联网源码

02-07

微信小程序 （阿里云物联网），远程控制家里电视，空调，灯，冰箱风扇（定时开关 PWM调光.... ) 让你出门上班，外出旅游，都能时时控制到家里的一切，也可以用来监测家里的温湿度（通过MQTT协议发送到阿里云 ...

MQTT-ws:使用MQTT协议进行项目

05-13

Eclipse Paho Java客户端 Paho Java客户端是用Java编写的MQTT客户端库，用于开发在JVM或其他Java兼容平台（例如Android）上运行的应用程序Paho Java客户端提供了两个API：MqttAsyncClient提供了一个完全异步的API，...

java项目：微信小程序基于SSM框架实现的购物系统小程序【源码+数据库+毕业论文+PPT】

weixin_43860634的博客

04-25

344

java项目：微信小程序基于SSM框架实现的购物系统小程序【源码+数据库+毕业论文+PPT】

陪诊小程序的市场潜力与发展趋势研究

2402_83689311的博客

04-24

279

随着社会的快速发展和人口老龄化的加剧，医疗服务需求日益增长，而陪诊服务作为医疗服务的重要补充，正逐渐受到人们的关注和青睐。陪诊小程序利用互联网技术，将陪诊服务与用户需求紧密连接，提高了服务的便捷性和效率。他们往往需要更加细致的照顾和陪伴，而陪诊小程序能够提供专业的陪诊服务，满足老年人的需求。随着技术的不断创新和市场的不断拓展，陪诊小程序将在未来医疗服务领域发挥更加重要的作用，为人们的生活带来更多便利和舒适。通过拓展海外市场，引入国际先进的陪诊服务理念和模式，提升陪诊小程序的国际竞争力。

【免费源码下载】完美运营版商城虚拟商品全功能商城全能商城小程序 智慧商城系统全品类百货商城php+uniapp

仿站、源码搭建/迁移技术博客

04-21

284

完美运营版商城/拼团/团购/秒杀/积分/砍价/实物商品/虚拟商品等全功能商城干干净净没有一丝多余收据还没过手其他站还没乱七八走的广告和后门后台可以自由拖曳修改前端UI页面还支持虚拟商品自动发货等功能挺不错的一套源码前端UNIAPP 后端PHP 一键部署版本。

怎样快速打造二级分销小程序

lin13600956163的博客

04-21

443

乔拓云提供了两种分销模式供商家选择。在这里，商家可以看到乔拓云强大的分销功能，轻松选择适合自己的分销模式。商家可以在乔拓云的官方网站上了解到详细的费用一览表，根据自己的预算选择合适的版本进行使用。值得一提的是，商城开通分销功能后，不仅具备了一级分销商的功能，还支持一级分销商继续发展下级分销商，从而产生二级分销商。在这个过程中，商家可以根据自己的需求添加分销中心页面、设置分销规则等，实现个性化的分销策略。通过套用乔拓云提供的精美模板，商家无需具备专业的技术背景，也能轻松打造出功能齐全、美观大方的小程序。

线上社交app的搭建，圈子社交系统，小程序＋app＋H5三端，源码交付，支持二开！

最新发布

DKfanfan的博客

04-26

584

线上社交app的搭建，圈子社交系统，小程序＋app＋H5三端，源码交付，支持二开！

微信小程序连接mqtt服务器

05-24

要连接 MQTT 服务器，可以使用第三方 MQTT 客户端库，如 Paho MQTT JS 库。在微信小程序中，可以使用小程序的 WebSocket API 建立 WebSocket 连接，然后通过 WebSocket 连接实现 MQTT 协议的通信。以下是建立 MQTT 连接的一些基本步骤： 1. 引入 Paho MQTT JS 库：在小程序的页面中，可以通过引入 Paho MQTT JS 库来使用 MQTT 客户端功能。可以在页面的 .js 文件中添加以下代码： ```javascript import Paho from '../../utils/mqttws31.js' ``` 其中，'../../utils/mqttws31.js' 是 Paho MQTT JS 库的路径，需要根据实际情况进行调整。 2. 创建 MQTT 客户端实例：可以在页面的 .js 文件中添加以下代码来创建 MQTT 客户端实例： ```javascript let client = null; function connectMqtt() { client = new Paho.MQTT.Client('mqtt://test.mosquitto.org', 8080, 'clientId-' + Math.random().toString(16).substr(2, 8)); client.connect({ useSSL: true, onSuccess: onConnect, onFailure: onFailure }); } ``` 其中，'mqtt://test.mosquitto.org' 是 MQTT 服务器的地址，8080 是端口号，'clientId-' + Math.random().toString(16).substr(2, 8) 是客户端的 ID，需要根据实际情况进行修改。 3. 连接到 MQTT 服务器：可以在页面的 .js 文件中添加以下代码来连接到 MQTT 服务器： ```javascript function onConnect() { console.log('Connected to MQTT server'); client.subscribe('test/topic', { qos: 1 }); } ``` 其中，'test/topic' 是要订阅的 MQTT 主题，{ qos: 1 } 表示使用 QoS 等级为 1 进行订阅。 4. 发布消息到 MQTT 服务器：可以在页面的 .js 文件中添加以下代码来发布消息到 MQTT 服务器： ```javascript function publishMqtt(message) { let topic = 'test/topic'; let qos = 1; let payload = message; let messageObj = new Paho.MQTT.Message(payload); messageObj.destinationName = topic; messageObj.qos = qos; client.send(messageObj); } ``` 其中，'test/topic' 是要发布消息的 MQTT 主题，payload 是发布的消息内容，qos 是消息的 QoS 等级。通过以上步骤，就可以在微信小程序中连接到 MQTT 服务器，并进行消息的订阅和发布。

“相关推荐”对你有帮助么？

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交