//服务端代码
const http=require('node:http');
const WebSocket=require('ws');const server=http.createServer();
//创建websocket服务
const wss=new WebSocket.WebSocketServer({server});
//创建定型数组
const clients=new Map();wss.on('connection',(ws)=>{
//设置ws的IDclients.set(ws,{id:Date.now()});//console.log('连接对象:',ws);ws.on('message',(message)=>{console.log(`接收到客户端信息：${clients.get(ws).id}:${message}`);//循环出clients中的ws对象，即客户端发送的信息对象for(let client of clients.keys()){if(client ===ws){client.send(message.toString());}}});ws.on('close',()=>{console.log(`客户端${clients.get(ws).id}断开连接`);clients.delete(ws);});});server.listen(3000,'localhost',()=>{console.log('server is running on http://localhost:3000');
})
//客户端代码
<!DOCTYPE html>
<html><head><meta http-equiv="Content-Type" content="text/html charset=utf-8"/><title>websocket信息传递</title></head><body><div id="msg"><input type="text" name="message" id="message" maxlength="33"><button id="sendbtn">发送</button></div><script type="text/javascript">const ws=new WebSocket('ws://localhost:3000');ws.onopen=function(){console.log('服务端已经连接');}ws.onmessage=function(event){console.log(`接收到服务器的信息:${event.data}`);}ws.onclose=function(){console.log('服务器连接已断开');}const sendMsg=function(){const msg=document.getElementById('message').value;ws.send(msg);document.getElementById('message').value='';};document.getElementById('sendbtn').addEventListener('click',sendMsg);</script></body>
</html>
 》笔记-Chapter1-什么是 JavaScript)
