nodejs后端代碼? server.js
//需要安裝ws模塊 npm install ws
const WebSocket = require("ws")
const port = 8085
const ws = new WebSocket.Server({port})
ws.on("connection", (socket) => {
socket.on("message",(message) => {
const data = JSON.parse(message.toString('utf-8'))
if(data.type === 'heart') {
socket.send("收到心跳")
} else {
socket.send(`你發(fā)來的類型是${data.type}`)
}
})
socket.on("close", () => {
socket.send("close")
})
})
console.log(`server start at ${port}`)直接在文件所在目錄打開cmd窗口，啟動(dòng)服務(wù)： node server.js
瀏覽器端? index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<button type="button" onclick="sendWs()">發(fā)送消息</button>
<button type="button" onclick="closeWs()">關(guān)閉鏈接</button>
<div>
發(fā)送第<span id="count"></span>次心跳
</div>
</body>
</html>
<script>
const ws = new WebSocket("ws://localhost:8085");
let count = 0
const interval = setInterval(() => {
count++
ws.send(JSON.stringify({type:'heart'}))
document.getElementById("count").innerHTML = count
}, 1000)
const sendWs = () => {
if(!ws) return;
ws.send(JSON.stringify({type:'message',data:{}}))
}
const closeWs = () => {
clearInterval(interval)
ws.close()
}
</script>在本地直接運(yùn)行瀏覽器即可！
如果有幫助，就點(diǎn)個(gè)贊再走 ^? ^文章來源：http://www.zghlxwxcb.cn/news/detail-640329.html
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??文章來源地址http://www.zghlxwxcb.cn/news/detail-640329.html
到了這里，關(guān)于nodejs實(shí)現(xiàn)前后端websocket通信+心跳示例的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
