Flutter MQTT通信插件dttp_mqtt的使用

当然，以下是一个关于如何使用 dttp_mqtt 插件在 Flutter 应用中实现 MQTT 通信的示例代码。dttp_mqtt 是一个用于 Flutter 的 MQTT 客户端库，它允许你通过 MQTT 协议与 MQTT 服务器进行通信。

首先，确保你已经在 pubspec.yaml 文件中添加了 dttp_mqtt 依赖：

dependencies:
  flutter:
    sdk: flutter
  dttp_mqtt: ^最新版本号  # 请替换为实际最新版本号

然后，运行 flutter pub get 来安装依赖。

以下是一个简单的 Flutter 应用示例，展示了如何使用 dttp_mqtt 进行 MQTT 通信：

import 'package:flutter/material.dart';
import 'package:dttp_mqtt/dttp_mqtt.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  MqttClient? _client;
  String _log = '';

  @override
  void initState() {
    super.initState();
    connectToMqtt();
  }

  Future<void> connectToMqtt() async {
    const String broker = 'mqtt.example.com'; // 替换为你的 MQTT 服务器地址
    const int port = 1883; // MQTT 服务器端口
    const String clientId = 'flutterClient';

    final MqttConnectOptions connOpts = MqttConnectOptions.builder()
        .setClientId(clientId)
        .setCleanSession()
        .setKeepAliveInterval(60)
        .setAutomaticReconnect()
        .setWillTopic('clientDisconnect')
        .setWillMessage('Client has disconnected unexpectedly')
        .setWillQos(MqttQos.atLeastOnce);

    print('Connecting to broker: $broker:$port');

    _client = MqttClient(broker, port, clientId);
    _client!.logging(on: true);

    try {
      await _client!.connect(connOpts).timeout(Duration(seconds: 30), onTimeout: () {
        throw TimeoutException('Connection attempt timed out');
      });
      print('Connected');

      _log += 'Connected\n';
      setState(() {});

      // 订阅主题
      _client!.subscribe('test/topic', MqttQos.atLeastOnce);
      _client!.updates!.listen((List<MqttReceivedMessage<MqttMessage>> c) {
        final MqttPublishMessage recMsg = c[0].payload as MqttPublishMessage;
        final String pt =
            MqttPublishPayload.bytesToStringAsString(recMsg.payload.message!);
        print('TOPIC: ${c[0].topic}  MESSAGE: $pt');
        _log += 'TOPIC: ${c[0].topic}  MESSAGE: $pt\n';
        setState(() {});
      });

    } catch (e) {
      print('Exception: $e');
      _log += 'Exception: $e\n';
      setState(() {});
    }
  }

  Future<void> sendMessage() async {
    if (_client!.connectionState == MqttConnectionState.connected) {
      MqttMessageBuilder builder = MqttMessageBuilder();
      builder.addString('Hello MQTT');
      MqttPublishMessage message = builder.build();
      message.qos = MqttQos.atLeastOnce;
      message.retain = false;
      _client!.publishMessage('test/topic', message);
      print('Message published');
      _log += 'Message published\n';
      setState(() {});
    } else {
      print('Client is not connected');
      _log += 'Client is not connected\n';
      setState(() {});
    }
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Flutter MQTT Example'),
        ),
        body: Padding(
          padding: const EdgeInsets.all(8.0),
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Expanded(
                child: SingleChildScrollView(
                  child: Text(_log),
                ),
              ),
              ElevatedButton(
                onPressed: sendMessage,
                child: Text('Send Message'),
              ),
            ],
          ),
        ),
      ),
    );
  }

  @override
  void dispose() {
    if (_client!.connectionState == MqttConnectionState.connected) {
      _client!.disconnect();
    }
    _client = null;
    super.dispose();
  }
}

代码说明：

1. 依赖安装：确保在 pubspec.yaml 中添加了 dttp_mqtt 依赖。
2. MQTT 连接：在 initState 方法中调用 connectToMqtt 方法连接到 MQTT 服务器。
3. 订阅主题：在连接成功后，订阅 test/topic 主题，并监听消息更新。
4. 发送消息：提供一个按钮，点击后发送消息到 test/topic 主题。
5. 日志显示：在 UI 上显示连接和消息日志。
6. 资源释放：在 dispose 方法中断开 MQTT 连接，释放资源。

注意：

• 替换 mqtt.example.com 和端口 1883 为你的 MQTT 服务器地址和端口。
• 确保 MQTT 服务器允许你使用的客户端 ID 和其他连接选项。

这个示例展示了如何使用 dttp_mqtt 插件在 Flutter 应用中实现基本的 MQTT 通信功能。你可以根据需要扩展和修改这个示例。