网站建设资讯

NEWS

网站建设资讯

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

这篇文章主要介绍了Nodejs +Websocket如何实现指定发送及群聊,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

成都创新互联公司专注为客户提供全方位的互联网综合服务,包含不限于网站设计制作、做网站、娄烦网络推广、微信小程序开发、娄烦网络营销、娄烦企业策划、娄烦品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;成都创新互联公司为所有大学生创业者提供娄烦建站搭建服务,24小时服务热线:13518219792,官方网址:www.cdcxhl.com

 目的

通过nodejs + ws (Websocket) 实现点对点发送及群聊发送
项目搭建直接跳过,这里列举一下用到的插件
yarn add ws

WebSocket

话不多说,直接上码

对比上一篇文章 << Nodejs+MongoDB 搭建服务( demo ) >> server.js 主要是增加了ws的引用,
webSocket 点对点也好,群聊也好,主要是用到一个方法 clients 它的作用就是存储了连接,
我们可以通过对每一个连接增加标识,然后根据接收到的信息进行解析,遍历然后发送正确的响应。

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

先解析下代码(小声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 只是改了下信息而已,就不都贴上来了,很简单



 
  
  BBB111 
  
 
  
 
    发送 
	  群聊 
 
 

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

 
  
   
    
    群聊
    
   
    
   
  
   
   

展示

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

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

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

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

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

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


分享名称:Nodejs+Websocket如何实现指定发送及群聊
当前链接:http://cdweb.net/article/iephij.html