flutter 通过网络控制设备 emqx mqtt_client

最新推荐文章于 2025-03-17 19:02:52 发布
最新推荐文章于 2025-03-17 19:02:52 发布
阅读量401 收藏
点赞数 7
文章标签： 网络 flutter
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/python4_1/article/details/144614419
版权

WiFi插件： mqtt_client: ^10.5.1
JWT加密： dart_jsonwebtoken: ^2.14.1

连接设备

class WifiConnectVoid {
  static void wifiConnectVoid(
      {String? deviceModelId,
      String? deviceActivatedAt,
      String? deviceId,
      String? name,
      String? modelName,
      String? sn,
      bool reConnect = false,
      Function? callback}) async {
    DeviceConnectTypeWifiBlueGet deviceConnectTypeWifiBlueGet =
        Get.put(DeviceConnectTypeWifiBlueGet());
    GlobalWiFiBluetooth globalWiFiBluetooth = Get.put(GlobalWiFiBluetooth());
    if (modelName == null || sn == null) {
      EasyLoading.showError("wifi_connect_error".tr);
      globalWiFiBluetooth.isHaveDeviceVoid(false);
      return;
    }


    if (deviceConnectTypeWifiBlueGet.client != null &&
        deviceConnectTypeWifiBlueGet.client!.connectionStatus!.state ==
            MqttConnectionState.connected &&
        globalWiFiBluetooth.addNewDeviceSn.value == sn) {
      if (!reConnect) {
        //ping机器
        WiFiPush.wifiPush(WriteBluetoothMsgPing.writeBluetoothMsgPing(flag: 1));
      } else {
        WiFiPush.wifiPush(WriteBluetoothMsgPing.writeBluetoothMsgPing());
      }
      if (callback != null) {
        callback();
      }
    } else {
      if (deviceConnectTypeWifiBlueGet.client != null &&
          deviceConnectTypeWifiBlueGet.client!.connectionStatus!.state ==
              MqttConnectionState.connected &&
          globalWiFiBluetooth.addNewDeviceSn.value != sn) {
        try {
          deviceConnectTypeWifiBlueGet.client!.disconnect();
        } catch (_) {
          deviceConnectTypeWifiBlueGet.client!.disconnect();
        }
      }
      SharedPreferences preferences = await SharedPreferences.getInstance();
      String email = preferences.getString("gen_ki_nno_email") ?? "";
      MqttServerClient client = MqttServerClient(
        '域名',
        email,
      );

      // 要编码的数据
      final jwt = JWT({
        "user_name": "yonghuming",
        "c": "",
        "manu": "",
        "s": ""
      });
      //JWTKet.secretKey为加密秘钥
      String token = jwt.sign(SecretKey(JWTKet.secretKey));
      // final property = MqttUserProperty();
      // property.pairName = email;
      // property.pairValue = token;
      String type = WiFiType.wifiType(modelName);
      String subTopic = '主题';
      String pUBTopic = '主题';

      deviceConnectTypeWifiBlueGet.clientDeviceVoid(client);
      deviceConnectTypeWifiBlueGet.wifiDeviceSNSubTopicVoid(subTopic);
      deviceConnectTypeWifiBlueGet.wifiDeviceSNPubTopicVoid(pUBTopic);
      globalWiFiBluetooth.blueModelIdVoid(deviceModelId!);
      if (globalWiFiBluetooth.activatedAt == "") {
        globalWiFiBluetooth.updateActivatedAt(deviceActivatedAt!);
      }
      globalWiFiBluetooth.updateDeviceId(deviceId!);
      globalWiFiBluetooth.updateDeviceName(name!);
      globalWiFiBluetooth.updateDeviceType(modelName);
      globalWiFiBluetooth.updateAddNewDeviceSn(sn);

      final connMess = MqttConnectMessage()
          .withClientIdentifier(email)
          .startClean() // 或者 startSession() 用于持久会话
          .authenticateAs(email, token);
      // 设置心跳保持时间
      deviceConnectTypeWifiBlueGet.client!.keepAlivePeriod = 20;
      deviceConnectTypeWifiBlueGet.client!.connectionMessage = connMess;
      deviceConnectTypeWifiBlueGet.client!.autoReconnect = true; //自动连接

      deviceConnectTypeWifiBlueGet.client!.onConnected = () {
        OnConnectVoid.onConnectVoid(
            deviceConnectTypeWifiBlueGet, globalWiFiBluetooth, subTopic, sn);
      };

      deviceConnectTypeWifiBlueGet.client!.onAutoReconnect = () {
        if (deviceConnectTypeWifiBlueGet.client!.connectionStatus!.state ==
            MqttConnectionState.connected) {
          OnConnectVoid.onConnectVoid(
              deviceConnectTypeWifiBlueGet, globalWiFiBluetooth, subTopic, sn);
        } else if (deviceConnectTypeWifiBlueGet
                .client!.connectionStatus!.state ==
            MqttConnectionState.connecting) {
          // print('正在连接到MQTT服务器...');
          // EasyLoading.showToast("正在重试连接");
        } else {
          // EasyLoading.showToast('未连接到MQTT服务器');
        }
      };

      try {
        await deviceConnectTypeWifiBlueGet.client!.connect().then((onValue) {
          /// 检查我们是否已连接。connectionStatus 总是给我们这个和其他信息。
          if (deviceConnectTypeWifiBlueGet.client!.connectionStatus!.state ==
              MqttConnectionState.connected) {
            deviceConnectTypeWifiBlueGet.wifiDeviceSNSubTopicVoid(subTopic);
            // deviceConnectTypeWifiBlueGet.wifiDeviceSNPubTopicVoid(pUBTopic);
            Future.delayed(const Duration(seconds: 10), () {
              if (globalWiFiBluetooth.wifiConnectSendPing.value == 0) {
                globalWiFiBluetooth.isHaveDeviceVoid(false);
                deviceConnectTypeWifiBlueGet.client!.disconnect();
                deviceConnectTypeWifiBlueGet.wifiConnectDeviceVoid(false);
                EasyLoading.showError("robot_is_online".tr);
              } else {
                // EasyLoading.dismiss();
              }
              if (callback != null) {
                callback();
              }
              globalWiFiBluetooth.isChangeDeviceVoid(false);
            });
            if (!reConnect) {
              globalWiFiBluetooth.wifiConnectSendPingVoid(0);
              //ping机器
              WiFiPush.wifiPush(
                  WriteBluetoothMsgPing.writeBluetoothMsgPing(flag: 1));
            } else {
              WiFiPush.wifiPush(WriteBluetoothMsgPing.writeBluetoothMsgPing());
            }
            deviceConnectTypeWifiBlueGet.wifiConnectDeviceVoid(true);
            if (callback != null) {
              callback();
            }
          } else {
            if (callback != null) {
              callback();
            }
            EasyLoading.showError("wifi_connect_error".tr);

            deviceConnectTypeWifiBlueGet.client!.disconnect();
            deviceConnectTypeWifiBlueGet.wifiConnectDeviceVoid(false);
          }
        });
      } on NoConnectionException catch (_) {
        EasyLoading.dismiss();
        if (callback != null) {
          callback();
        }
        //连接失败断开和服务器的连接
        deviceConnectTypeWifiBlueGet.client!.disconnect();
        deviceConnectTypeWifiBlueGet.wifiConnectDeviceVoid(false);
      }
    }
  }
}

重连后的回调执行的事件

class OnConnectVoid {
  static onConnectVoid(
      DeviceConnectTypeWifiBlueGet deviceConnectTypeWifiBlueGet,
      GlobalWiFiBluetooth globalWiFiBluetooth,
      String subTopic,
      String sn,

      ) {
    globalWiFiBluetooth.isChangeDeviceVoid(true);
    deviceConnectTypeWifiBlueGet.isListenerAddedVoid(false);
    // 重新订阅主题
    try {
      //自动连接
      // deviceConnectTypeWifiBlueGet.client!.doAutoReconnect(force: true);
      deviceConnectTypeWifiBlueGet.client!
          .subscribe(subTopic, MqttQos.atMostOnce);

      deviceConnectTypeWifiBlueGet.client!.subscribe(
          "\$SYS/brokers/掉线",
          MqttQos.atMostOnce);
      deviceConnectTypeWifiBlueGet.client!.subscribe(
          "\$SYS/brokers/重连",
          MqttQos.atMostOnce);
      WiFiPush.wifiPush(
          WriteBluetoothMsgPing.writeBluetoothMsgPing());
    } catch (e) {
      deviceConnectTypeWifiBlueGet.client!
          .subscribe(subTopic, MqttQos.atMostOnce);
      deviceConnectTypeWifiBlueGet.client!.subscribe(
          "\$SYS/brokers/掉线",
          MqttQos.atMostOnce);
      deviceConnectTypeWifiBlueGet.client!.subscribe(
          "\$SYS/brokers/重连",
          MqttQos.atMostOnce);
    }
  }
}

发布信息

class WiFiPush {
  static void wifiPush(List<int> byteData) {
    DeviceConnectTypeWifiBlueGet deviceConnectTypeWifiBlueGet =
        Get.put(DeviceConnectTypeWifiBlueGet());

    final builder = MqttClientPayloadBuilder();
    // List <int> byteData =  WriteBluetoothWeekly5c.writeBluetoothWeekly5c(status: 0);
//设置语言
//     List <int> byteData = WriteBluetoothSetVoiceParam.writeBluetoothSetVoiceParam(1);
    // 将 List<int> 转换为 Uint8List
    // Uint8List uint8List = Uint8List.fromList(byteData);
    /// 检查我们是否已连接。connectionStatus 总是给我们这个和其他信息。
    if (deviceConnectTypeWifiBlueGet.client!.connectionStatus!.state ==
        MqttConnectionState.connected){
      builder.addString(StringByte16.byteString(byteData));
// 主题订阅            // 主题发布
      deviceConnectTypeWifiBlueGet.client!.publishMessage(
          deviceConnectTypeWifiBlueGet.wifiDeviceSNPubTopic.value,
          MqttQos.atMostOnce,
          retain: false,
          builder.payload!);
    }else{
      if(deviceConnectTypeWifiBlueGet.client!= null){
        try {
          deviceConnectTypeWifiBlueGet.client!.connect();
        }catch (_){
          //
        }
      }
    }

  }
}

接收信息

class WiFiSub {
  static void wifiSub(DeviceConnectTypeWifiBlueGet deviceConnectTypeWifiBlueGet,
      GlobalWiFiBluetooth globalWiFiBluetooth) {


    // 监听消息
    deviceConnectTypeWifiBlueGet.client!.updates!
        .listen((List<MqttReceivedMessage<MqttMessage>> c) {
          ///蓝牙连接的状态下，wifi不接受信息
      if (globalWiFiBluetooth.device != null &&
          globalWiFiBluetooth.device!.isConnected &&
          globalWiFiBluetooth.characteristicWrite != null) {
        return;
      }

      // 获取第一个消息
      final recMess = c[0].payload as MqttPublishMessage;
      // 将 MQTT 消息的有效载荷（payload）从字节数组（bytes）转换成字符串
      // final pt = MqttUtilities.bytesToStringAsString(
      //     recMess.payload.message!);
      // 获取原始字节数据
      List<int> bytes = recMess.payload.message;
      // print("version:  1 object ${c[0].topic}");
      if (c[0].topic ==
          deviceConnectTypeWifiBlueGet.wifiDeviceSNSubTopic.value) {
        SharePreferences.sharePreferences("genkinno_flutter_blue_value_list",
            value: bytes);
      }
      /// 机器下线提醒
      if (c[0].topic ==
          "\$SYS/brokers/掉线") {
        EasyLoading.showToast("machine_offline".tr,duration: const Duration(milliseconds: 5000));
      }
      /// 机器上线提醒
      if (c[0].topic ==
          "\$SYS/brokers/重连") {
        EasyLoading.showToast("machine_online".tr,duration: const Duration(milliseconds: 5000));
      }
      // ParsingLastValueUtils.parsingLastValueUtils(bytes);
    });
  }
}

监听链接状态

      ///识别WiFi链接状态
      if (deviceConnectTypeWifiBlueGet.client != null &&
          deviceConnectTypeWifiBlueGet.client!.connectionStatus!.state ==
              MqttConnectionState.connected) {
        deviceConnectTypeWifiBlueGet.wifiConnectDeviceVoid(true);
        globalWiFiBluetooth.wifiDisconnectVoid(1);
        // EasyLoading.showToast("status  555");
      } else {
        deviceConnectTypeWifiBlueGet.wifiConnectDeviceVoid(false);
        globalWiFiBluetooth.wifiDisconnectVoid(2);
        // EasyLoading.showToast("status6666");
      }
万 志 鹏
关注
如何在Flutter项目中使用MQTT
专注于深入研究多种编程语言，以实战为导向，逐步拓展开发技能，提升工程化编码和思维能力，展现无敌技术实力。
10-11 606
本文主要介绍如何在 Flutter 项目中使用 MQTT，实现客户端与 MQTT 服务器的连接、订阅、取消订阅、收发消息等功能。
基于ESP8266和EMQX的教室灯光控制系统
uote_e的博客
06-03 435
本篇文章将介绍一种基于ESP8266和EMQX开发的智能灯光控制系统，该系统可以通过手机APP实现对教室内的灯光进行控制，具有简单易用、实时响应等优点。在本系统中，我们使用了NodeMCU开发板，其集成了ESP8266芯片和USB转串口芯片，可直接通过USB接口与电脑通信，方便快捷。通过使用MQTT客户端库，实现了APP与EMQX之间的通信，并通过界面控制灯光的开关。本文介绍了一种基于ESP8266和EMQX开发的教室灯光控制系统，实现了通过手机APP远程控制教室内的灯光。二、EMQX消息中间件。
flutter mqtt
06-20
flutter 集成mqtt_client 7.2.1组件，可以收发消息， 完整源码。android测试通过
Flutter中使用MQTT进行通信
adojayfan的博客
12-03 9675
MQTT是机器对机器(M2M)/物联网(IoT)连接协议。它被设计为一个极其轻量级的发布/订阅消息传输协议。对于需要较小代码占用空间和/或网络带宽非常宝贵的远程连接非常有用，是专为受限设备和低带宽、高延迟或不可靠的网络而设计。
flutter接入Mqtt完整版
weixin_70588154的博客
03-17 288
【代码】flutter接入Mqtt完整版。
在 Flutter 项目中使用 MQTT
emqx_broker的博客
07-21 1485
Flutter 是 Google 推出并开源的移动应用开发框架，主打跨平台、高保真、高性能。开发者可以通过 Dart 语言开发 App，一套代码同时运行在 iOS 和 Android 平台。 Flutter 提供了丰富的组件、接口，开发者可以快速地为 Flutter 添加 native 扩展。同时 Flutter 还使用 Native 引擎渲染视图，这无疑能为用户提供良好的体验。 MQTT 是一种基于发布/订阅模式的轻量级物联网消息传输协议 ，可在严重受限的硬件设备和低带宽、高延迟的网络上实现稳定传输。它
Flutter MQTT客户端的集成
Amoour的博客
09-16 4004
转自：https://blog.youkuaiyun.com/weixin_44042238/article/details/100376563 1.库 https://pub.dev/packages/mqtt_client 2.在pubspec.yaml文件中依赖mqtt_client: ^5.5.4 关键API MqttClient客户端的初始化 //server 服务器地址 //clien...
使用Flutter连接 MQTT
九天揽月
08-05 1723
一、前言 Flutter是 Google 推出并开源的移动应用开发框架，主打跨平台、高保真、高性能。开发者可以通过 Dart 语言开发 App，一套代码同时运行在 iOS 和 Android 平台。 Flutter 提供了丰富的组件、接口，开发者可以快速地为 Flutter 添加 native 扩展。同时 Flutter 还使用 Native 引擎渲染视图，这无疑能为用户提供良好的体验。 MQTT是一种基于发布/订阅模式的轻量级物联网消息传输协议，可在严重受限的硬件设备和低带宽、高延迟的网络上实...
全栈嵌入式C++、STM32、Modbus、FreeRTOS和MQTT协议：工业物联网（IIoT）可视化系统设计思路（附部分代码解析）
嵌入式极客小张
07-27 1457
本项目设计并实现了一种工业物联网（IIoT）监控系统，旨在实时监测设备的温度、压力、振动和电流等关键参数。硬件采用STM32H7微控制器与多种工业级传感器，结合Modbus和Ethernet模块，确保高效的数据采集。嵌入式软件使用FreeRTOS和MQTT协议进行实时数据发布。云端服务选用AWS IoT/Azure IoT Hub进行设备接入，EMQX/Mosquitto作为MQTT Broker，Nginx用于Web服务。
在优化后的代码的基础上，将esp32-cam作为stm32f103的外设，实现移动端app到云平台到esp32到stm32的双向通信该怎么写代码
最新发布
03-24
云平台的选择，常见的有阿里云IoT、腾讯云IoT、AWS IoT或者MQTT公共服务器如EMQX。需要配置设备认证，比如三元组（Product Key、Device Name、Device Secret），并建立Topic进行消息的发布和订阅。ESP32需要连接到云...
wifi远程智能浇花灌溉系统
03-11
服务器可以用公共的MQTT Broker，比如EMQX，或者自己搭建。手机APP的话，可以选择开发Android或iOS应用，或者用现成的平台如Blynk或Home Assistant来简化开发。另外，数据可视化也很重要，可能需要一个Web界面来显示...
Flutter之MQTT使用
WriteBug001的博客
11-29 1538
首先，需要在Flutter项目的​​pubspec.yaml​​​文件中添加​​mqtt_client​​依赖。其中host 是主机名，port是端口号，cid是客户端ID，你可以根据需要为其分配一个唯一的标识。一旦连接到MQTT服务器，你可以订阅感兴趣的主题以接收消息。使用MQTT客户端来发布消息到特定的主题。​​​来构建消息的有效载荷，然后使用​​。//用于监听已订阅主题的消息到达。方法来发布消息到指定的主题。方法订阅一个主题，并使用。在上面的代码中，使用​​。流来监听接收到的消息。
flutter mqtt
jonathan_joestar的博客
02-17 1498
flutter mqtt import 'dart:ui'; import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; import 'package:mqtt_client/mqtt_client.dart'; import 'audio.dart'; import 'mqtt/client.dart'; import 'mqtt/message.dart'; import 'dialog.dart';
Flutter使用MQTT进行通信,实现客服聊天功能
前端菜鸟好先森的博客
11-21 2460
Flutter使用MQTT进行通信,实现客服聊天功能
在Flutter中实现实时通信：使用MQTT进行连接与消息传递
weixin_51522235的博客
11-18 1546
在Flutter中实现实时通信：使用MQTT进行连接与消息传递
Flutter框架高阶——使用MQTT协议进行信息传输
m0_73660699的博客
05-31 2535
本文介绍在Flutter项目中使用MQTT协议实现客户端与服务器的连接、订阅、取消订阅和消息收发。步骤包括添加依赖、安装MQTT客户端库、初始化客户端并设置心跳保持时间等属性，通过公共MQTT服务器实现连接并配置加密通信，代码处理接收消息的回调函数。还介绍在Flutter应用中异步加载和显示静态资源文件，如图片、字体和配置文件，使用FutureBuilder和Image.memory()实现图片加载显示，讲解通过assets配置添加证书文件并安全访问。
Flutter MQTT连接并使用
WangQingLei0307的博客
09-07 1704
下面就是我对Flutter MQTT 的简单实用并，这里为方便大家使用 ,我封装了一个MQTT管理类，代码如下，功能介绍也写在 代码注释中。以上就是MQTT工具类的封装，每个方法都有对应的注释，具体都什么作用就不做过多介绍，下面着重介绍一下使用。注意：Flutter 开发环境为 2.8.0,如果版本 存在差别，要略微 修改。再开过程中我们经常使用到MQTT 进行 订阅，来进行 消息的发送、接受等操作。到此就完成了MQTT封装和使用，希望对大家有所帮助。
推荐使用：mqtt_client - 简易高效的Dart MQTT客户端库
gitblog_00019的博客
05-20 572
推荐使用：mqtt_client - 简易高效的Dart MQTT客户端库 项目地址:https://gitcode.com/gh_mirrors/mqt/mqtt_client 在物联网和实时数据传输的世界中，MQTT（Message Queuing Telemetry Transport）协议因其轻量级、高效和可靠的特点而备受青睐。今天，我们向您推荐一款由Shamblett开发的开源Dart库...
flutter mqtt_client
01-10
Flutter的mqtt_client是一个可用于在Flutter应用程序中实现MQTT（消息队列遥测传输）协议的第三方库。 MQTT是一种轻量级的消息传递协议，它被设计用于在网络带宽受限的情况下进行高效的数据传输。 使用mqtt_client，我们可以方便地与MQTT代理进行通信，并在应用程序中实现实时数据传输、发布/订阅消息、远程控制等功能。该库提供了一系列API和功能，使我们能够轻松地建立与MQTT代理的连接，并管理消息的发送和接收。 使用mqtt_client，我们可以通过订阅特定的主题来接收消息，并通过发布消息到特定的主题来向代理发送消息。这使得我们可以轻松实现实时互动、数据同步和通知的功能。 此外，mqtt_client还提供了一些高级功能，如消息保留、消息QoS（服务质量）设置、心跳检测等。这些功能可以根据应用的需求来选择使用，并提供灵活的配置选项。 总的来说，flutter的mqtt_client是一个功能强大且易于使用的库，它为Flutter开发者提供了便捷的方式来实现与MQTT代理之间的通信和消息传递。无论是构建实时数据传输应用程序还是实现远程控制功能，mqtt_client都是一个不错的选择。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值