1

wwl

12 小时以前 0000e935d6c7f74cb6682aea1bbf24d8deade390

 src/utils/websocket.js

@@ -1,80 +1,78 @@
// src/utils/websocket.js
let socket = null;
let ws = null;
let reconnectAttempts = 0;
const maxReconnectAttempts = 5;
const reconnectInterval = 5000;
let messageCallback = null;
const reconnectInterval = 5000; // 5秒重连间隔
const pingInterval = 5000; // 5秒发送ping

const initWebSocket = (token, callback) => {
  if (socket && socket.readyState === WebSocket.OPEN) {
    console.log('WebSocket 已连接，无需重复初始化');
    return;
  }

export function initWebSocket(token, onMessage) {
  if (!token) {
    console.error('未提供 token，无法建立 WebSocket 连接');
    callback('error', '未找到 token，无法建立 WebSocket 连接');
    console.error('WebSocket 初始化失败：缺少 token');
    return;
  }

  const wsUrl = `ws://192.168.1.2:5011/ws?token=${encodeURIComponent(token)}`;
  console.log('尝试连接 WebSocket:', wsUrl);
  const wsUrl = `ws://192.168.1.2:5011/ws?token=${token}`;
  ws = new WebSocket(wsUrl);

  try {
    socket = new WebSocket(wsUrl);
  } catch (error) {
    console.error('WebSocket 初始化失败:', error);
    callback('error', '无法初始化 WebSocket 连接');
    return;
  }

  messageCallback = callback;

  socket.onopen = () => {
  ws.onopen = () => {
    console.log('WebSocket 连接成功');
    reconnectAttempts = 0;

    // 启动心跳机制
    const pingTimer = setInterval(() => {
      if (ws.readyState === WebSocket.OPEN) {
        console.log('发送 ping 消息');
        ws.send('ping');
      } else {
        console.warn('WebSocket 未连接，停止 ping');
        clearInterval(pingTimer);
      }
    }, pingInterval);
  };

  socket.onmessage = (event) => {
    console.log('WebSocket 收到原始消息:', event.data);
    if (messageCallback) {
      messageCallback('message', event.data);
  ws.onmessage = (event) => {
    const data = event.data;
    console.log('WebSocket 收到原始消息:', data);
    if (data === 'pong') {
      console.log('收到 pong 响应，连接活跃');
      return;
    }
    onMessage('message', data);
  };

  socket.onerror = (error) => {
  ws.onerror = (error) => {
    console.error('WebSocket 错误:', error);
    if (messageCallback) {
      messageCallback('error', 'WebSocket 连接错误');
    }
    onMessage('error', 'WebSocket 连接错误');
  };

  socket.onclose = (event) => {
    console.log('WebSocket 连接关闭，代码:', event.code, '原因:', event.reason);
  ws.onclose = () => {
    console.warn('WebSocket 连接关闭');
    if (reconnectAttempts < maxReconnectAttempts) {
      reconnectAttempts++;
      console.log(`尝试重连 (${reconnectAttempts}/${maxReconnectAttempts})...`);
      setTimeout(() => {
        console.log(`尝试重连 (${reconnectAttempts + 1}/${maxReconnectAttempts})`);
        reconnectAttempts++;
        initWebSocket(token, callback);
        initWebSocket(token, onMessage);
      }, reconnectInterval);
    } else {
      if (messageCallback) {
        messageCallback('error', 'WebSocket 重连失败，请检查网络或服务器');
      }
      console.error('达到最大重连次数，停止重连');
      onMessage('error', 'WebSocket 连接失败，已达最大重连次数');
    }
  };
};

const closeWebSocket = () => {
  if (socket) {
    socket.close(1000, '浏览器关闭，正常断开');
    socket = null;
    console.log('WebSocket 连接已关闭');
  // 清理 WebSocket
  window.addEventListener('beforeunload', () => {
    if (ws) {
      ws.close();
      ws = null;
      console.log('WebSocket 已清理');
    }
  });
}

export function closeWebSocket() {
  if (ws) {
    ws.close();
    ws = null;
    console.log('WebSocket 已关闭');
  }
};

window.addEventListener('beforeunload', () => {
  closeWebSocket();
});

export { initWebSocket, closeWebSocket };
}