這篇文章主要介紹了Nodejs +Websocket如何實現指定發送及群聊,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
陽原ssl適用于網站、小程序/APP、API接口等需要進行數據傳輸應用場景,ssl證書未來市場廣闊!成為創新互聯公司的ssl證書銷售渠道,可以享受市場價格4-6折優惠!如果有意向歡迎電話聯系或者加微信:028-86922220(備注:SSL證書合作)期待與您的合作!目的
通過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如何實現指定發送及群聊”這篇文章對大家有幫助,同時也希望大家多多支持創新互聯,關注創新互聯行業資訊頻道,更多相關知識等著你來學習!
網站標題:Nodejs+Websocket如何實現指定發送及群聊-創新互聯
URL標題:http://www.yijiale78.com/article0/cchhoo.html
成都網站建設公司_創新互聯,為您提供網站排名、外貿網站建設、搜索引擎優化、網站維護、營銷型網站建設、網站改版
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯