微信小程序在websocket上使用mqtt协议

最新推荐文章于 2026-05-03 07:37:12 发布

转载最新推荐文章于 2026-05-03 07:37:12 发布 · 1.8k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

原文链接：https://codbo.cn/blog-266.html

收录于

当前文章被以下社区和专栏收录：

本文介绍了在微信小程序中成功使用的mqtt.js版本，包括安装教程、连接设置示例和注意事项，重点在于如何通过wss协议在小程序环境中正确配置和使用MQTT服务。

介绍

一个在微信小程序中测试成功可用的mqtt.js版本。

因用npm install或者直接下载github上面的 MQTT.js 在微信小程序中使用碰到了各种问题，干脆就备份一个可用的版本到 mqtt-wechat

注意微信小程序只能用wss协议，ws协议可以用来测试，但是要在微信开发工具中关闭安全通信校验。

安装教程

直接下下载mqtt.js 保存到项目代码文件中。

使用说明

连接:

需指定protocol为"wxs"或者"wx"否则库会当成在浏览器中,从而无法工作

JavaScript

import mqtt from "./mqtt";
const client = mqtt.connect('wss://test.mosquitto.org', {protocol: "wxs"});

或者修改URL，如你的链接是wss://则修改为wxs://,如果你的链接是ws://则修改为wx://

JavaScript

import mqtt from "./mqtt";
const client = connect('wxs://test.mosquitto.org');

例子：

JavaScript

import mqtt from "./mqtt";
var client  = mqtt.connect('wss://test.mosquitto.org', {
    protocol: "wxs",
    clientId: 'wechat_' + Math.random().toString(16).substr(2, 8),
    username: 'your username',
    password: 'your password',
    keepalive: 60,
});

client.on('connect', function () {
    client.subscribe('presence', function (err) {
        if (!err) {
            client.publish('presence', 'Hello mqtt')
        }
    })
})

client.on('message', function (topic, message) {
    // message is Buffer
    console.log(message.toString())
    client.end()
})

标签