Websocket向指定⽤户发消息的⽅法
场景
⽤户正常发送⼀个http请求,需要处理⼀个耗时很长的任务,有可能这个任务要处理好⼏分钟,在任务处理期间后台要不断的发送当前处理的进度⽇志等信息,打印在前端。也就是说⽤户先发出⼀个正常的http请求,后⾯的就由Websocket来完成
技术点
当后端收到http请求后如何确认是哪⼀个socket发出的?
实现思路
为每⼀个socket设置唯⼀socketId并存⼊cookie
后端接收到http取出其中的cookie信息拿到socketId,循环到此id的socket发送消息
代码实现
前端代码
if (!('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);
console.log("连接成功!");
ws.send(
JSON.stringify({
type: "setSocketId",
data: ('socketId')
})
);
};
// 关闭 websocket
console.log("连接已关闭...正在重连...");
connectWebsocket()
};
console.log("收到socket消息:", res.data)
var data = JSON.parse(res.data)
document.querySelector('#content').innerHTML += data.data;
};
}
connectWebsocket()
后端代码
<('connection', function connection(ws, req) {
ws.sendJson = function (json) {
if (adyState == 1) {
this.send(JSON.stringify(json))
}
}
<('message', function (message) {
message = JSON.parse(message);
switch (pe) {
case 'setSocketId':
ws.socketId = message.data;
console.log(ws.socketId)
websocket和socketbreak;
}
});
});
app.post('/api/socket/msg', function (req, res) {
var query = req.body;
console.log(query)
var socketId = kies.socketId;
res.wss.clients.forEach(ws => {
if (ws.socketId == socketId && ws.readyState == 1) {
ws.sendJson({
type:'testMsg',
data:query.msg
});
}
})
res.send({})
})
完整例⼦
以上就是本⽂的全部内容,希望对⼤家的学习有所帮助,也希望⼤家多多⽀持。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。