websocket断线重连机制springboot+vue

WebSocket断线重连机制通常涉及到前端的Vue.js和后端的Spring Boot框架。当网络连接中断时，客户端需要检测到并尝试重新连接。在Spring Boot中，你可以利用`spring-websocket`模块提供的`TextMessage`和`CloseStatus`来处理这种场景。以下是一个基本步骤：

1. **Vue.js**:
- 使用WebSocket库（如axios的ws插件）创建连接，并监听`close`事件。
- 当接收到`close`事件，检查状态码是否表示意外断开（例如1006表示正常关闭，而其他非200可能是网络问题）。
- 如果是意外断开，设置定时器或者使用轮询（如果WebSocket API不可用），在一段时间后尝试重建连接。

import { createSocket } from 'axios';

const socket = createSocket('ws://your-server-url');
socket.on('close', (event) => {
  if (event.code !== 1006) {
    setTimeout(() => {
      // 重建连接
      createSocket('ws://your-server-url');
    }, 5000); // 5秒后重试
  }
});

2. **Spring Boot**:
- 创建WebSocket处理器（WebFlux的`ServerWebsocketHandler`），并监听`SessionDisconnectedEvent`来感知断开。
- 在事件处理程序中记录断开情况，或者发送消息给客户端，告知其尝试重连。

@Configuration
@EnableWebSocketMessageBroker
public class WebSocketConfig extends StompEndpointConfigurerAdapter {

    @Override
    public void configureMessageBroker(MessageBrokerRegistry config) {
        config.enableSimpleBroker("/topic");
        config.setApplicationDestinationPrefixes("/app");
    }

    @Bean
    public WebSocketHandler wsHandler() {
        return new TextWebSocketHandler(YourWebSocketService.class);
    }
}

@Service
public class YourWebSocketService implements TextWebSocketSessionHandler {

    @Override
    public void afterConnectionEstablished(WebSocketSession session) {
        // 在这里处理连接建立后的操作
    }

    @Override
    public void afterConnectionClosed(WebSocketSession session, CloseStatus status) {
        // 处理断线，如保存session状态等
        // 可以通过session.getMessageChannel().send(new TextMessage("Reconnect requested"));
        // 来通知客户端尝试重新连接
    }
}