uni-app 集成 mqtt，Android 和 ios 均可使用

在uni-app中集成MQTT以实现Android和iOS的兼容使用，可以借助mqtt.js库来实现。以下是一个简单的集成示例，包括配置MQTT客户端并订阅/发布消息的代码案例。

1. 安装 MQTT.js

首先，在你的uni-app项目中安装mqtt.js库。你可以通过npm或者yarn来安装：

npm install mqtt --save

或者

yarn add mqtt

2. 配置 MQTT 客户端

在你的pages/index/index.vue文件中，引入mqtt.js并配置MQTT客户端。以下是一个基本的配置示例：

<template>
  <view>
    <text>{{ message }}</text>
  </view>
</template>

<script>
import Paho from 'paho-mqtt/src/paho-mqtt';

export default {
  data() {
    return {
      client: null,
      message: ''
    };
  },
  mounted() {
    this.connectMQTT();
  },
  methods: {
    connectMQTT() {
      const host = 'your.mqtt.broker.url'; // 替换为你的MQTT Broker地址
      const port = 443; // 通常使用443端口（如果是wss）
      const clientId = `client-${Math.floor(Math.random() * 1000)}`;
      
      this.client = new Paho.Client(host, port, clientId);

      const options = {
        timeout: 3,
        onSuccess: this.onConnect,
        onFailure: this.onConnectionLost,
        userName: 'yourUsername', // 如果有用户名
        password: 'yourPassword'  // 如果有密码
      };

      if (location.protocol === "https:") {
        this.client.sslOptions = {
          rejectUnauthorized: false
        };
      }

      this.client.connect(options);
    },
    onConnect() {
      console.log('Connected to MQTT Broker');
      this.client.subscribe('your/topic', { qos: 1 }, (message) => {
        console.log('Message received:', message.payloadString);
        this.message = message.payloadString;
      });

      // 发布消息示例
      const message = new Paho.Message('Hello MQTT');
      message.destinationName = 'your/topic';
      this.client.send(message);
    },
    onConnectionLost(responseObject) {
      if (responseObject.errorCode !== 0) {
        console.log('onConnectionLost:', responseObject.errorMessage);
      }
    }
  }
};
</script>

注意事项

1. MQTT Broker URL：确保替换your.mqtt.broker.url为你的MQTT Broker的实际URL。
2. SSL/TLS：如果MQTT Broker使用wss（WebSocket Secure），确保配置sslOptions。
3. 用户名和密码：如果MQTT Broker需要身份验证，提供正确的用户名和密码。
4. Topic：替换your/topic为你希望订阅或发布的实际主题。

通过上述步骤，你应该能够在uni-app中成功集成MQTT，并在Android和iOS设备上使用。