Nodejs +Websocket如何实现指定发送及群聊

这篇文章主要介绍了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=>{
//这里解析数据
constresult=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 只是改了下信息而已,就不都贴上来了,很简单





BBB111




发送
	群聊

下面的是只用来接收的群页面,更简单





群聊






展示

constws=newWebSocket("ws://localhost:8181");
localhost可以换成的你的本机IP,这样页面在其他电脑也可以发送到你的页面上

可以看到,在BBB的页面,接收到了AAA发送的信息

无论是AAA发送的群里信息,还是BBB发送的群里信息,在群聊页面都是可以看到的

感谢你能够认真阅读完这篇文章,希望小编分享的“Nodejs +Websocket如何实现指定发送及群聊”这篇文章对大家有帮助,同时也希望大家多多支持恰卡编程网,关注恰卡编程网行业资讯频道,更多相关知识等着你来学习!

发布于 2021-05-30 14:06:06
分享
海报
183
上一篇:Spring @Valid @Validated实现验证的方法 下一篇:JS图片懒加载怎么实现
目录

    推荐阅读

    忘记密码?

    图形验证码