uniapp mqtt 消息推送

以下是uniapp中使用mqtt实现消息推送的步骤：

1.安装MQTT插件

在HBuilderX中，打开你的uniapp项目，点击菜单栏的“插件市场”，搜索“mqtt”，找到“uni-mqtt”插件并安装。

2.引入MQTT插件

在你的uniapp项目中，找到需要使用MQTT的页面，例如“index.vue”，在页面的script标签中引入MQTT插件：

import mqtt from '@/utils/mqtt.js'

3.连接MQTT服务器

在页面的methods中，编写连接MQTT服务器的代码：

connectMqtt() {
  // 连接mqtt服务器
  this.client = mqtt.connect('wxs://xxxxx.com/mqtt', {
    clientId: 'uniapp_' + Math.random().toString(16).substr(2, 8),
    username: 'xxxxx',
    password: 'xxxxx',
    clean: true
  })
  // 监听连接成功事件
  this.client.on('connect', () => {
    console.log('MQTT连接成功')
    // 订阅主题
    this.client.subscribe('topic1', (err) => {
      if (!err) {
        console.log('订阅成功')
      }
    })
  })
  // 监听消息事件
  this.client.on('message', (topic, message) => {
    console.log('收到消息：', message.toString())
    // 在这里处理收到的消息，例如创建本地通知
  })
}

4.发送MQTT消息

在需要发送MQTT消息的地方，例如点击按钮时，编写发送MQTT消息的代码：

sendMessage() {
  // 发送消息
  this.client.publish('topic1', 'Hello MQTT')
}

注意：在连接MQTT服务器之前，需要先引入MQTT插件，并且需要在manifest.json文件中添加网络权限。