客户端
<!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 id='input' type="text">
<button onclick="send()">发送</button>
<div id='id'>
</div>
<script>
function socketConnect(url) {
const id = document.getElementById('id')
let ws = new WebSocket(url);
ws.onopen = e => {
console.log('连接成功', e)
ws.send('我发送消息给服务端');
}
ws.onmessage = e => {
console.log('服务器端返回:', e.data)
id.innerHTML = e.data
}
return ws;
}
let wsValue = socketConnect('ws://10.0.132.217:8080');
function send() {
const id = document.getElementById("input")
console.log(id.value)
wsValue.send(id.value)
}
</script>
</body>
</html>
服务端
let ws = require("ws");
let service = new ws.Server({
host: "10.0.132.217",
port: 8080,
});
service.on("connection", websocketAddListerner);
let count = 0;
function websocketAddListerner(wsOBJ) {
wsOBJ.on("message", function (data) {
console.log("request data:" + data);
count++;
setTimeout(() => {
wsOBJ.send("别老找我聊天" + count);
}, 1000);
});
wsOBJ.send("客户端接收");
wsOBJ.on("close", function () {
console.log("request close");
});
wsOBJ.on("error", function (err) {
console.log("request error", err);
});
}