uni-app 中使用 mqtt.js 的完整版
文章目录
- 🍉1. 封装 MQTT 客户端模块
- 🍉2. 页面生命周期管理连接
- 🍉3. 断线重连与错误处理
- 🍉4. 全局状态与消息存储
- 🍉5. 平台适配注意事项
- 🍉6. 完整代码示例
- 🍉7. 注意事项
🍉1. 封装 MQTT 客户端模块
首先通过 npm install mqtt@3.0.0 安装 mqtt.js（3.0.x 版相对稳定）。在项目中创建一个独立的模块（如 api/mqtt-client.js），统一管理 MQTT 客户端。模块中 import mqtt from ‘mqtt/dist/mqtt.js’ 引入客户端库。可在模块作用域中维护一个 client 实例和连接状态标志：
// api/mqtt-client.js
import mqtt from 'mqtt/dist/mqtt.js';let client = null;