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

前端  /  管理员 发布于 4年前   420

 目的

通过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 只是改了下信息而已，就不都贴上来了，很简单

                发送   群聊   

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

展示

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

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

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

至此，一个简单的私聊，群聊 WebSocket 就完成了，最后希望大家有所收获，再会!!

参考网址如下：   /article/178117.htm

本篇文章是为记录小白的成长历程（主要是记性不好，记个笔记有保障，用到的时候可以拿出来瞅瞅） 2019/12/26

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

您可能感兴趣的文章:

• 基于html5和nodejs相结合实现websocket即使通讯
• nodejs基于WS模块实现WebSocket聊天功能的方法
• 基于node实现websocket协议
• NodeJS简单实现WebSocket功能示例
• Node.js websocket使用socket.io库实现实时聊天室
• 基于Node.js + WebSocket打造即时聊天程序嗨聊
• websocket+node.js实现实时聊天系统问题咨询
• nodejs+websocket实时聊天系统改进版
• NodeJs 实现简单WebSocket即时通讯的示例代码
• node.js ws模块搭建websocket服务端的方法示例