Websocket简单实现多人聊天

1、安装ws

npm install -s ws

2、引入包

const Websocket = require('ws'); 

3、创建服务,设置端口号

const server = new Websocket.Server({port: 3002});

4、监听客户端的连接

server.on('connection', (ws) => {
    // 监听send方法的消息
    ws.onmessage = function (event) {
        console.log(event.data);
        // event.data: 发送的数据
        // 自言自语
        // 一个客户端与服务端的双向通信

        // 发回给客户端
        ws.send(event.data); 
    }
});

搭建客户端

1、实例化webSocket

// 参数：服务端的地址
const ws = new WebSocket('ws://localhost:3002');
``

2、监听与服务端的连接

ws.onopen = function () {
console.log('已连接');
}

3、发送数据

ws.send(JSON.stringify({....}));
ws.send('...');

4、接收到服务端的信息
    接收到的数据存储在message事件中的data

ws.onmessage = function (event) {
console.log(event.data);
// 后期操作....
}

建立一个群聊
    在服务端中下点功夫
    server.clients: 是该服务端存储的所有客户端

server.clients.forEach(cli => {
cli.send(msg.data);
});