原生 js + node 封装 WebSocket

最新推荐文章于 2025-06-16 14:08:54 发布

肖ZE

最新推荐文章于 2025-06-16 14:08:54 发布

阅读量890

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript node

本文链接：https://blog.youkuaiyun.com/lucky541788/article/details/98340209

javascript 同时被 2 个专栏收录

89 篇文章

订阅专栏

node

42 篇文章

订阅专栏

本文详细介绍了如何使用原生JavaScript和Node.js进行WebSocket的封装，涵盖了连接建立、消息发送与接收、断线重连等关键功能，帮助开发者更好地理解和应用WebSocket技术。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

class Socket {
    constructor(url) {
        this.socket = new WebSocket(url)
    }

    send(msg) {
        console.log(msg);

        if (this.socket.readyState === 1) {
            this.socket.send(JSON.stringify(msg))
        }

        this.socket.onmessage = (e) => {
            console.log(e.data);
        }
    }
}

Socket.getInstance = (() => {
    let instance;
    return (url) => {
        if (!instance) {
            instance = new Socket(url)
        }
        return instance
    }
})()

let webSocket = Socket.getInstance('ws://localhost:5500/')

let i = 1
setInterval(() => {
    webSocket.send(`第 ${i++} 条 webSocket`)
}, 1000);

node

// 安装 ws 模块：cnpm i ws -S
const WebSocketServer = require('ws').Server
let wss = new WebSocketServer({ port: 5500 })

wss.on('connection', (ws) => {
    ws.on('message', (msg) => {
        console.log(msg);
    })
    ws.send('client connected')
})