server.js
const WebSocket = require('ws')
//创建服务器
const server = new WebSocket.Server({ port: 9000 });
//连接服务器
server.on('connection', (client) => {
//接收客户端发送过来的消息
client.on('message', (message) => {
// 将消息发给所有人
server.clients.forEach(function each(item) {
//判断用户是否断开
if (item.readyState === WebSocket.OPEN) {
item.send(message.toString());
}
});
});
});index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<input type="text" id="msg">
<button id="btn">发送</button>
<ul id="list"></ul>
</body>
</html>
<script>
// 连接服务器
var client = new WebSocket('ws://127.0.0.1:9000')
// 接受服务器发送过来的消息
client.onmessage = function (val) {
var li = `<li>${val.data}</li>`
list.innerHTML += li
}
//向服务器发送消息
btn.onclick = function () {
var val = msg.value
client.send(val)
}
</script>
2301
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
