Nodejs + Websocket 指定发送及群聊的实现
更新时间：2020年01月09日 10:12:13 作者：秦九世
这篇文章主要介绍了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发送的群里信息，在群聊页面都是可以看到的
至此，一个简单的私聊，群聊 WebSocket 就完成了，最后希望大家有所收获，再会!!
参考网址如下： https://www.jb51.net/article/178117.htm
本篇文章是为记录小白的成长历程（主要是记性不好，记个笔记有保障，用到的时候可以拿出来瞅瞅） 2019/12/26
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
nodejs不用electron实现打开文件资源管理器并选择文件
最近在开发一些小脚本,用 nodejs 实现,其中很多功能需要选择一个/多个文件,或者是选择一个文件夹,这种情况下网上给出的解决方案都是 electron,但是我一个小脚本用 electron 属实有点夸张了,后来转念一想可以通过 powershell 来实现类似的功能,需要的朋友可以参考下2024-01-01
文章介绍了如何使用Node.js脚本批量修改大型项目中各个项目的Git地址域名,通过引入模块、声明域名常量、定义遍历函数和修改目录等步骤,实现一次性批量修改,从而节省时间和精力2024-11-11
这篇文章主要为大家详细介绍了nodejs multer实现文件上传与下载的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
这篇文章主要介绍了node.js支持多用户web终端实现方案以及web终端安全性保证的解决方法，一起学习参考下。2017-11-11
本文主要介绍了用nvm来管理Node.js版本,通过nvm用户可以轻松地在不同版本的Node.js之间切换,具有一定的参考价值,感兴趣的可以了解一下2024-12-12
这篇文章主要给大家介绍了关于node.js将MongoDB数据同步到MySQL的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧。2017-12-12
服务器管理是系统上线后，必须要面对的问题。最好有一个软件可以提供整套的服务器运行解决方案：要求运行稳定，支持高并发，启动/停止命令简单，支持热部署，宕机重启，监控界面和日志，集群环境。2014-06-06
这篇文章主要介绍了nodejs实现获取当前url地址及url各种参数值,本文直接给出代码实例,需要的朋友可以参考下2015-06-06
在传统的开发模式中，浏览器端与服务器端是由不同的前后端两个团队开发，但是模版却又在这两者中间的模糊地带。因此模版上面总不可避免的越来越多复杂逻辑，最终难以维护。2014-09-09
本文给大家介绍的是如何在nodejs中调用CMD命令，从而实现目录的复制，非常的实用，有需要的小伙伴可以参考下。2015-05-05
最新评论