解决flutter使用MQTT发送请求,无法监听到主题发送的消息数据的问题

我看了很多flutter使用MQTT的文章,并使用官方给出的使用步骤,用官方的测试的URL是可以接收和发送数据的.但是使用公司的URL就无法收到消息,控制台一直打印报错.

arduino 复制代码
mqtt-client::ConnectionException: The connection must be in the Connected state in order to perform this operation
arduino 复制代码
MqttConnectionKeepAlive::pingRequired - NOT sending ping - not connected

因为客户端与MQTT服务端没有成功建立连接,导致后续操作就一直报错, 我用这些报错信息,搜索了一圈下来,完全找不到解决答案,我使用的MQTT插件是:mqtt_client: ^10.0.0,我下载了一个MQTT的客户端软件安装到Mac上方便调试.MQTTX在这个工具中,创建一个连接,输入测试用的mqtt

这里的MQTT的版本最好和代码里面的一致.选择版本是3.1.1,5.0的版本我看插件的源码里有些API是不支持的.

ini 复制代码
import 'package:mqtt_client/mqtt_client.dart';
import 'package:mqtt_client/mqtt_server_client.dart';

MqttServerClient client = MqttServerClient.withPort(
    "ws://172.16.14.201:8083/mqtt", 'flutter_client', "8083");
  client.logging(on: true);
  client.useWebSocket = true;
  client.autoReconnect = true;
  client.keepAlivePeriod = 60;
  client.connectTimeoutPeriod = 5000;
  client.onConnected = onConnected;
  client.onDisconnected = onDisconnected;
  client.onUnsubscribed = onUnsubscribed;
  client.onSubscribed = onSubscribed;
  client.onSubscribeFail = onSubscribeFail;
  client.pongCallback = pong;

  final connMess = MqttConnectMessage()
      .withWillTopic('willtopic')
      .withWillMessage('My Will message')
      .startClean()
      .withWillQos(MqttQos.atLeastOnce);
  client.connectionMessage = connMess;
  try {
    debugPrint('Connecting');
    await client.connect();
  } catch (e) {
    debugPrint('Exception: $e');
    client.disconnect();
  }

我在调试的过程中,踩了两个坑,一是url,没有填完成,我写成了"172.16.14.201:8083/mqtt"缺少了"ws://",其次是端口号写错了.这点官方是有解释的.

diff 复制代码
-   Broker: broker.emqx.io
-   TCP Port: 1883
-   Websocket Port: 8083

因为这两个地方写错了,导致一直无法建立连接. 还有就是MQTT对象的生命周期维护,最开始是通过Future异步返回一个MQTT对象,但是在主页面监听时,这个mqtt对象的生命周期已经结束了,导致对象一直是NULL,所以也无法建立连接.解决办法是尽量使这个mqtt对象是一个全局的.当然pop后断开连接,MQTT对象也释放掉. 注意以上这几点,应该是可以成功订阅\监听消息的.

相关推荐
比特鹰1 天前
手把手带你用Flutter手搓人生K线
前端·javascript·flutter
火柴就是我1 天前
Flutter限制输入框只能输入中文,iOS拼音打不出来?
flutter
TT_Close1 天前
【Flutter×鸿蒙】debug 包也要签名,这点和 Android 差远了
android·flutter·harmonyos
TT_Close2 天前
【Flutter×鸿蒙】FVM 不认鸿蒙 SDK?4步手动塞进去
flutter·swift·harmonyos
TT_Close2 天前
【Flutter×鸿蒙】一个"插队"技巧,解决90%的 command not found
flutter·harmonyos
恋猫de小郭2 天前
Flutter 发布官方 Skills ,Flutter 在 AI 领域再添一助力
android·前端·flutter
恋猫de小郭3 天前
2026 Flutter VS React Native ,同时在 AI 时代 VS Native 开发,你没见过的版本
android·前端·flutter
明君879973 天前
Flutter 如何给图片添加多行文字水印
前端·flutter
四眼肥鱼3 天前
flutter 利用flutter_libserialport 实现SQ800 串口通信
前端·flutter
火柴就是我4 天前
让我们实现一个更好看的内部阴影按钮
android·flutter