十七. WebSocket

1.基础

• 安装 npm i ws -S
• 使用

// 后端
const WebSocket = require("ws")
const wss = new WebSocket.Server({   // 创建实例
        port: 9998
})


wss.on("connection", client => {   // 监听 连接事件
    
    console.log("有客户端连接成功了")
    client.on("message", msg => {   // 监听 客户端是否发送数据过来
        console.log("客户端发数据过来了:" + msg)
        
        client.send('你好我是后端')   // 后端发送数据给前端 
    })
})


# 前端 , 前端使用WebSocket是不需要引入额外的包,  因为WebSocket是window对象已经提供了.

let ws = null
function handleConn() {
    ws = new WebSocket('ws://localhost:9998')   // 创建了这个对象, 默认连接的服务端

    ws.onopen = () => { console.log("连接服务端成功了") }  // 连接成功事件
    ws.onclose = () => { console.log("连接服务端失败") }  // 关闭连接事件

    ws.onmessage = (msg) => { console.log("接收到后端的数据了:" + msg.data) }
}

function handleSend() {
    ws.send('我是前端')   // 前端给后端发送数据
}