Flutter跨平台开发：如何根据平台条件导入MQTT客户端库？

完全可以通过Dart条件导入解决这个问题，不用在代码里用kIsWeb判断导入语句，直接在import时指定平台规则即可，从根源避免移动端引入dart:html的依赖。

具体实现步骤： #

1. 创建统一导出的中间文件
   新建一个文件（比如mqtt_platform.dart），用条件导入语法分别指定不同平台的MQTT库：

   // mqtt_platform.dart
   // 默认导入移动端的MQTT库，Web环境下自动切换为浏览器端库
   import 'package:mqtt_client/mqtt_client.dart' 
       if (dart.library.html) 'package:mqtt_client/mqtt_browser_client.dart';
   

2. 业务代码统一导入中间文件
   在需要使用MQTT的业务代码里，直接导入这个中间文件，Dart会自动根据运行平台选择对应的库：

   import 'mqtt_platform.dart';
   
   void setupMqttClient() {
     // Web端自动用MqttBrowserClient，移动端用MqttClient
     final client = MqttBrowserClient('mqtt://your-broker-url', 'client-id');
     // 或者写MqttClient，编辑器可能会有提示，但运行时会自动适配对应平台的类
     
     // 后续的连接、订阅等逻辑可以统一编写，两个客户端的核心API基本一致
   }
   

额外补充：如果需要区分平台做个性化配置 #

如果两个平台的客户端有API差异，再结合kIsWeb做逻辑区分即可：

import 'mqtt_platform.dart';
import 'package:flutter/foundation.dart';

void setupMqttClient() async {
  late final client;
  
  if (kIsWeb) {
    client = MqttBrowserClient('mqtt://your-broker-url', 'web-client-id');
    // Web端专属配置，比如设置WebSocket路径
    client.port = 8083;
  } else {
    client = MqttClient('tcp://your-broker-url', 'mobile-client-id');
    // 移动端专属配置，比如设置超时时间
    client.connectionTimeout = const Duration(seconds: 10);
  }
  
  // 通用逻辑：连接、订阅等
  await client.connect();
  client.subscribe('topic', MqttQos.atLeastOnce);
}

内容的提问来源于stack exchange，提问作者Developer