微信小程序通过MQTT连接EMQX的简易方法

微信小程序通过MQTT(8084端口)连接EMQX的简易方法

微信小程序端

1.引入mqtt.js文件

var mqtt = require(‘…/…/utils/mqtt.min.js’) //MQTT
下载地址:添加链接描述 提取码: tawa

2.创建MQTT实例并连接

client = mqtt.connect(‘wxs://你的域名:8084/mqtt’,options)
client.on(‘connect’,(e)=>{})

3.登录微信公众平台添加合法socket域名

wss://你的域名
在这里插入图片描述

服务器端(我的是腾讯云centos)

1.安装emqx服务端

安装步骤

2.登录EMQX后台(18083端口)

http://你的域名:18083

3.在EMQX后台添加SSL证书

在这里插入图片描述

4.登录腾讯云服务器放行8084端口

在这里插入图片描述
如果服务器防火墙打开,也需要在服务器中放行8084:irewall-cmd --zone=public --add-port=8084/tcp --permanent

5.域名备案/免费申请SSL证书

按流程走

6.https访问(nginx反向代理)

在这里插入图片描述

连接成功

在这里插入图片描述

### 微信小程序集成MQTT实现消息推送 #### 准备工作 为了使微信小程序能够通过MQTT服务器连接并进行消息通信,需先完成一些准备工作。对于初次接触此类开发的新手来说,了解如何申请MQTT服务器至关重要[^1]。 #### 开发环境搭建 利用微信开发者工具创建新的项目,在其中配置好必要的文件结构之后,就可以着手准备引入第三方MQTT库来支持后续的消息收发功能实现了。确保安装了最新版本的小程序IDE,并熟悉其基本操作界面[^2]。 #### MQTT客户端初始化 在代码层面,首先要做的就是在合适的位置导入所选的MQTT SDK包,接着按照官方文档指导完成实例化过程: ```javascript const mqtt = require('mqtt'); let client; function initMqtt() { const options = { clientId: 'your_client_id', username: 'your_username', password: 'your_password' }; client = mqtt.connect('wss://broker.emqx.io/mqtt', options); } ``` 此部分涉及到具体的网络地址和认证信息设定,请依据实际情况调整相应参数值[^3]。 #### 订阅与发布主题 一旦成功建立了到MQTT代理的服务端链接,则可以开始定义感兴趣的主题以便监听特定类型的事件通知;同样地,也可以向指定的目标广播自定义数据包作为反馈响应机制的一部分: ```javascript // 订阅某个话题 client.subscribe('/topic/test'); // 发布一条新消息至该话题下 client.publish('/topic/test', JSON.stringify({ message: "Hello from WeChat Mini Program!" })); ``` 上述示例展示了最简单的交互模式——即单向的通知传递方式[^4]。 #### 处理收到的信息 每当有匹配条件的数据到达时,SDK会触发相应的回调函数供应用程序进一步处理这些外部输入源带来的变化情况: ```javascript client.on('message', function (topic, payload) { console.log(`Received on ${topic}:`, payload.toString()); }); ``` 这段脚本负责捕获所有来自已注册频道内的更新动作,并将其打印出来方便调试查看效果。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值