Flutter中无法连接socket.io问题求助

算力阿峰

2026-8-16

Flutter中socket_io_client连接超时问题排查与修复

针对你使用socket_io_client: ^2.0.0连接Socket.IO时触发连接错误、超时的问题，可从以下方向排查修复：

1. 修正事件触发顺序

你当前在调用webSocket.connect()后立即执行emit("joinTradePairRoom")，此时连接尚未建立，无效请求会加剧超时问题。需将发送事件的操作移至连接成功的回调内。

2. 完善Socket初始化配置

添加超时、重连等关键配置，同时确保Socket URL格式符合要求（需包含完整的http/https协议、服务器地址及端口，带命名空间的话需追加路径）。

修改后的完整代码示例

import 'package:socket_io_client/socket_io_client.dart' as socket;
import 'constants.dart';

void initSocket() {
  socket.Socket webSocket = socket.io(constant.demoSocketUrl, <String, dynamic>{
    'transports': ['websocket'],
    'autoConnect': false,
    'timeout': 10000, // 延长超时时间至10秒
    'reconnection': true,
    'reconnectionAttempts': 3, // 限制重连尝试次数
    'reconnectionDelay': 2000, // 设置重连间隔
  });

  // 先注册所有监听事件，再执行连接
  webSocket.onConnect((data) {
    print('连接成功: $data');
    print('connect: ${webSocket.id}');
    // 连接建立后再发送房间加入请求
    webSocket.emit("joinTradePairRoom");
  });

  webSocket.on("trade_pair_room", (data) {
    print("˚˚˚ $data");
  });

  webSocket.onConnectError((data) => print('连接错误: øøøø $data'));
  
  webSocket.onDisconnect((_) => print('连接断开'));

  webSocket.on('joinTradePairRoom', (data) {
    print("˚˚˚ $data");
  });

  webSocket.connect();
}