解决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对象也释放掉. 注意以上这几点,应该是可以成功订阅\监听消息的.

相关推荐
传奇开心果编程3 小时前
【Flutter踩坑排雷】第25课:ScrollController 误用坑|跳转失效、监听泄漏与“控制器未附加”
android·flutter·ios·移动开发·跨平台·dart·声明式ui
程序员老刘7 小时前
Flutter 3.50更新,开发者应该关注什么?
flutter·ai编程·客户端
好的佩奇1 天前
Dart 之集合元素
android·flutter·dart
恋猫de小郭2 天前
Flutter 3.50 & Dart 3.14 发布,快来看看有什么更新吧
android·前端·flutter
喵个咪2 天前
GoWind CMS 拆解:Flutter 设计系统内核——双态 token、四档断点与自适应壳层
前端·flutter·交互设计
恋猫de小郭3 天前
Flutter 大小核优化又被回滚,然后又开新提案?
android·前端·flutter
好的佩奇3 天前
蓝牙之广播与扫描
android·flutter·蓝牙
wuxianda10303 天前
2026 苹果审核 4.3 (a) 被拒全解析|Guideline 4.3a spam 马甲包拒审原因 + 避坑方案
flutter·uni-app·苹果上架
恋猫de小郭4 天前
Flutter THLC 的 WebView 滚动终于从 70 FPS 提升到 120 FPS
android·前端·flutter