溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了Nodejs +Websocket如何實現指定發送及群聊，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
目的
通過nodejs + ws (Websocket) 實現點對點發送及群聊發送
項目搭建直接跳過，這里列舉一下用到的插件
yarn add ws
WebSocket
話不多說，直接上碼
對比上一篇文章 << Nodejs+MongoDB 搭建服務( demo ) >> server.js 主要是增加了ws的引用，
webSocket 點對點也好，群聊也好，主要是用到一個方法 clients 它的作用就是存儲了連接，
我們可以通過對每一個連接增加標識，然后根據接收到的信息進行解析，遍歷然后發送正確的響應。
先解析下代碼（小聲BB）, 下面會有HTML頁面
nbs.on("connection", (ws, req) => {
ws.on("message", message => {
// 這里解析數據
const result = JSON.parse(message);
// 是否是登陸，登陸后綁定id
if (result.login) {
ws.socketIdxos = result.id;
} else {
// 這里只做一個小的場景，不是登陸就是發送信息
// 根據存儲的id 是否是要 發送的對象 來單獨響應
nbs.clients.forEach(s => {
if (s.socketIdxos == result.to && s.readyState == 1) {
s.send(JSON.stringify({ data: result.mes }));
}
});
}
});
ws.on("close", message => {
console.log(ws.socketIdxos,"退出連接");
});
});HTML
這里我分別建了三個頁面其中兩個模擬用戶，一個模擬群聊
這是BBB用戶，另一個頁面是 AAA 只是改了下信息而已，就不都貼上來了，很簡單
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>BBB111</title>
<script>
const ws = new WebSocket("ws://localhost:8181");
ws.onopen = function (e) {
ws.send(JSON.stringify({
"id":"BBB111",
"login":true,
}));
}
function sendMessage() {
ws.send(JSON.stringify({
"id":"BBB111", // 當前ID
"login":false, // 是否登陸
"to":"AAA111", // 發送對象
"mes":"我是BBB111,這是發送給AAA111的消息" // 發送內容
}));
}
function sendYUYUYU() {
ws.send(JSON.stringify({
"id":"BBB111",
"login":false,
"to":"YUYUYU",
"mes":"我是BBB111,這是到群里的消息"
}));
}
ws.onmessage = function (e) {
console.log(e,"eeee-");
}
</script>
</head>
<body >
<button onclick="sendMessage();"> 發送 </button>
<button onclick="sendYUYUYU();"> 群聊 </button>
</body>
</html>下面的是只用來接收的群頁面，更簡單
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>群聊</title>
<script>
const ws = new WebSocket("ws://localhost:8181");
ws.onopen = function (e) {
// 這里主要作用就是注冊下群成立了 ......
ws.send(JSON.stringify({
"id":"YUYUYU",
"login":true,
}));
}
ws.onmessage = function (e) {
console.log(e,"eeee-");
}
</script>
</head>
<body >
</body>
</html>展示
const ws = new WebSocket("ws://localhost:8181");
localhost 可以換成的你的本機IP，這樣頁面在其他電腦也可以發送到你的頁面上
可以看到，在BBB的頁面，接收到了AAA發送的信息
無論是AAA發送的群里信息，還是BBB發送的群里信息，在群聊頁面都是可以看到的
感謝你能夠認真閱讀完這篇文章，希望小編分享的“Nodejs +Websocket如何實現指定發送及群聊”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，更多相關知識等著你來學習!
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
