這期內(nèi)容當(dāng)中小編將會(huì)給大家?guī)碛嘘P(guān)使用Websocket怎么向指定用戶發(fā)消息,文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述,閱讀完這篇文章希望大家可以有所收獲。

實(shí)現(xiàn)思路
為每一個(gè)socket設(shè)置唯一socketId并存入cookie
后端接收到http取出其中的cookie信息拿到socketId,循環(huán)找到此id的socket發(fā)送消息
代碼實(shí)現(xiàn)
前端代碼
if (!Cookies.get('socketId')) {
// 這里為模擬生成唯一id 建議 require('uuid')
var uuid = Math.random() * 1000;
Cookies.set('socketId', uuid)
}
function connectWebsocket() {
let url = `ws://${document.location.host}`;
var ws = new WebSocket(url);
ws.onopen = function () {
console.log("連接成功!");
ws.send(
JSON.stringify({
type: "setSocketId",
data: Cookies.get('socketId')
})
);
};
ws.onclose = function () {
// 關(guān)閉 websocket
console.log("連接已關(guān)閉...正在重連...");
connectWebsocket()
};
ws.onmessage = res => {
console.log("收到socket消息:", res.data)
var data = JSON.parse(res.data)
document.querySelector('#content').innerHTML += data.data;
};
}
connectWebsocket()后端代碼
wss.on('connection', function connection(ws, req) {
ws.req = req;
ws.sendJson = function (json) {
if (this.readyState == 1) {
this.send(JSON.stringify(json))
}
}
ws.on('message', function (message) {
message = JSON.parse(message);
switch (message.type) {
case 'setSocketId':
ws.socketId = message.data;
console.log(ws.socketId)
break;
}
});
});
app.post('/api/socket/msg', function (req, res) {
var query = req.body;
console.log(query)
var socketId = req.cookies.socketId;
res.wss.clients.forEach(ws => {
if (ws.socketId == socketId && ws.readyState == 1) {
ws.sendJson({
type:'testMsg',
data:query.msg
});
}
})
res.send({})
})上述就是小編為大家分享的使用Websocket怎么向指定用戶發(fā)消息了,如果剛好有類似的疑惑,不妨參照上述分析進(jìn)行理解。如果想知道更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計(jì)公司行業(yè)資訊頻道。
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。
文章名稱:使用Websocket怎么向指定用戶發(fā)消息-創(chuàng)新互聯(lián)
本文地址:http://chinadenli.net/article0/cogeoo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站排名、自適應(yīng)網(wǎng)站、面包屑導(dǎo)航、虛擬主機(jī)、關(guān)鍵詞優(yōu)化、外貿(mào)網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容