Nodejs + Websocket 指定发送及群聊的实现
网络编程 2021-07-04 15:02www.168986.cn编程入门
这篇文章主要介绍了Nodejs + Websocket 指定发送及群聊的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们狼蚁网站SEO优化随着长沙网络推广来一起学习学习吧
目的
通过nodejs + ws (Websocket) 实现点对点发送及群聊发送
项目搭建直接跳过,这里列举一下用到的插件
yarn add ws
WebSocket
话不多说,直接上码
对比上一篇文章 << Nodejs+MongoDB 搭建服务( demo ) >> server.js 主要是增加了ws的引用,
webSocket 点对点也好,群聊也好,主要是用到一个方法 clients 它的作用就是存储了连接,
我们可以通过对每一个连接增加标识,然后根据接收到的信息进行解析,遍历然后发送正确的响应。
先解析下代码(小声BB), 狼蚁网站SEO优化会有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>
狼蚁网站SEO优化的是只用来接收的群页面,更简单
<!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 就完成了,希望大家有所收获,再会!!
参考网址如下
本篇文章是为记录小白的成长历程(主要是记性不好,记个笔记有保障,用到的时候可以拿出来瞅瞅) 2019/12/26
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持狼蚁SEO。
编程语言
- 甘肃哪有关键词排名优化购买方式有哪些
- 甘肃SEO如何做网站优化
- 河南seo关键词优化怎么做电话营销
- 北京SEO优化如何做QQ群营销
- 来宾百度关键词排名:提升您网站曝光率的关键
- 卢龙关键词优化:提升您网站排名的策略与技巧
- 山东网站优化的注意事项有哪些
- 四川整站优化怎样提升在搜索引擎中的排名
- 疏附整站优化:提升网站性能与用户体验的全新
- 海南seo主要做什么工作售后服务要做到哪些
- 荣昌百度网站优化:提升您网站的搜索引擎排名
- 河北seo网站排名关键词优化如何做SEO
- 江西优化关键词排名推广售后保障一般有哪些
- 古浪SEO优化:提升你的网站可见性
- 西藏网站排名优化怎么把网站排名在百度首页
- 如何提升阳东百度快照排名:详尽指南