客户端Socket.io覆盖或hendle断开连接事件

基础概念

Socket.io 是一个用于实时通信的JavaScript库，它使得服务器和客户端之间的双向通信变得非常简单。它基于WebSocket协议，但也提供了对HTTP长轮询的回退支持。

断开连接事件 是指客户端或服务器在通信过程中由于某种原因（如网络问题、服务器重启等）导致连接中断的事件。

类型与应用场景

实时聊天应用：如在线客服、即时消息等。
协作工具：如在线白板、多人编辑文档等。
游戏开发：需要实时交互的游戏场景。
物联网监控：实时监控设备状态和数据。

断开连接事件的处理

当客户端或服务器检测到连接断开时，可以通过监听 disconnect 事件来进行相应的处理。

客户端代码示例

const io = require('socket.io-client');
const socket = io('http://localhost:3000');

socket.on('connect', () => {
    console.log('Connected to server');
});

socket.on('disconnect', (reason) => {
    console.log(`Disconnected from server due to ${reason}`);
    // 可以在这里添加重连逻辑或其他恢复措施
});

socket.on('reconnect', (attemptNumber) => {
    console.log(`Reconnected after ${attemptNumber} attempts`);
});

服务器端代码示例

const express = require('express');
const http = require('http');
const socketIo = require('socket.io');

const app = express();
const server = http.createServer(app);
const io = socketIo(server);

io.on('connection', (socket) => {
    console.log('A user connected');

    socket.on('disconnect', (reason) => {
        console.log(`User disconnected due to ${reason}`);
        // 可以在这里处理用户断开连接后的逻辑
    });
});

server.listen(3000, () => {
    console.log('Server is running on port 3000');
});