websock使用

Posted 2020-11-22 musi03

// 客户端
<script>
        let socket = new WebSocket(‘ws://localhost:8889‘)
        // 当连接建立成功之后 执行此回调函数
        socket.onopen = function () {
          console.log(‘客户端连接成功------‘)
          socket.send(‘hello,这条数据是客户端发的‘)
        }
        // 当客户端接收到服务器的消息之后执行此回调函数
        socket.onmessage = function (event) {
          // event.data才是消息的内容
          console.log(‘event.data------‘, event.data)
          console.log(‘event------‘, event)
        }
</script>

// 服务器
let WSServer = require(‘ws‘).Server;
let wsServer = new WSServer({ port: 8889 });
//监听客户端的连接，当客户端连接上服务器之后执行对应的回调
//socket是插座的意思，每个客户连接上服务器之后，都会创建一个唯一的socket
wsServer.on(‘connection‘, function (socket) {
    console.log(‘客户端已经连接‘);
    //监听客户端发过来的信息
    socket.on(‘message‘, function (message) {
        console.log(‘socket.on(message已接收到客户端的消息：‘, message);
        // 服务端发回给客户端的消息
        socket.send(‘这条信息是服务器端发给客户端的data:‘ + [1,2,3]);
    });
});