H-Chat: socket.io实现私聊，群聊，添加好友

工具

客户端： vue-socket.io
服务端：socket.io

安装

分别npm 安装，配置代码看相应文档，文档很详细

思路

1. 私聊
每个用户登录成功后则将自己的用户名或ID总之是一个唯一的变量，作为socket的名字，下面以id举例，毕竟各个场景下 id基本上都是唯一的，这样每个用户登录后都会得到指定的socket。

//client 登录成功后
this.$socket.emit('setName',id)//server
socket.on('setName',(id)=>{socket.name = id;
})

要进行私聊的时候，客户端要注册一个接收信息的socket事件，发送按钮被点击后让服务器触发发送信息的socket事件，但是不加约束的话，每个登录后的客户端的都会收到这个发出的信息，包括自己。下面是重点
那么既然是私聊，当然只希望指定人接收，接下来我们要做的就是
在发送按钮点击的时候，一定要传入你要发送信息用户的id，服务端会根据这个id找到对应的socket，利用这个socket触发对应的的socket聊天事件，这样你发的信息就只能传给他了，而且别人看不到

//client 注册的接收消息事件
sockets:{// 这时候你是接收方rcvMsg(msg){//msg是发送方放松过来的信息}
}
//发送消息   这时候你是发送方 按钮的点击事件，可以传入一个对象，包括你自己的id,发送的消息
this.$socket.emit('sendTo',obj);//serversocket.on('sendTo',(obj)=>{let toId = obj.id;//获取发送方的id;var toSocket;try {//查找指定socket，推荐使用underscore.js这个工具，toSocket = _.findWhere(io.sockets.sockets, {name: toId});toSocket.emit("rcvMsg", obj.msg);} catch (e) {console.log(`找不到${toName}`);}
})

这样私聊就完成了，其实socket本身就有socket.id作为独立区分，有兴趣的可以试试，但我感觉还得把这个id存起来，有点麻烦，有合适方案的欢迎评论区指教。

2. 群聊
其实socket.io官方文档中的示例已经给了很好的思路，
我大致说一下流程，代码就不贴了

当用户加入一个群以后，服务端将其加入以这个群命名的room（不懂得看官网的room API）
加入后，每次在群里发消息的时候，对消息进行广播，我们用broadcast，还是贴下代码把。。。

//这一行代码就是在指定房间里广播消息
socket.broadcast.to(groupName).emit("receiveMsg", msg)

相应的客户端写好接收就行了。

这样群聊也完成了

3. 添加好友
和私聊的思路差不多，获取指定user的id，找到他的socket，给他发送好友请求就可以了。

H-Chat: socket.io实现私聊，群聊，添加好友相关推荐

socket.io简易教程(群聊，发送图片，分组，私聊)
什么是Socket.io? 过去: 由于http是无状态的协议,所以实现聊天等通信功能非常困难,当别人发送一条消息时,服务器并不知道当前有哪些用户等着收消息,所以以前实现聊天通信功能最普遍的就是轮询机 ...
socket聊天室实现-群聊，私聊，好友列表，完整版
效果图登录.好友上线,下线均提示. 点击好友列表所有人,发送消息,既为群聊点击好友列表,好友名字,既为选中此好友进行私聊服务器端代码 ChatRoomServer package sram.se ...
Java基于Socket实现聊天、群聊、敏感词汇过滤功能
首先的话,这个代码主要是我很久以前写的,然后当时还有很多地方没有理解,现在再来看看这份代码,实在是觉得丑陋不堪,想改,但是是真的改都不好改了- 所以,写代码,规范真的很重要. 实现的功能: 用户私聊 ...
SpringBoot与webSocket实现在线聊天室——实现私聊+群聊+聊天记录保存
SpringBoot与webSocket实现在线聊天室--实现私聊+群聊+聊天记录保存引用参考:原文章地址:https://blog.csdn.net/qq_41463655/article/det ...
多线程+SOCKET编程实现qq群聊的服务端和客户端
多线程+SOCKET编程实现qq群聊的服务端和客户端标签(空格分隔): 多线程网络编程线程同步一.设计思路 1.服务端每来一个客户端连接,服务端起一个线程维护: 将收到的消息转发给所有的客户 ...
【uni-app】小程序实现微信在线聊天（私聊/群聊）
之前学习使用uni-app简单实现一个在线聊天的功能,今天记录一下项目核心功能的实现过程.页面UI以及功能逻辑全部来源于微信,即时聊天业务的实现使用socket.io,前端使用uni-app开发,后端 ...
socket.io实现在线群聊
我自己在用socket.io开发,对官方网站上的文档,进行简单的整理,然后自己写了一个简单的聊天程序.最最开始先安装socket.io: npm install socket.io 利用Node的搭 ...
H-Chat：用户私聊群聊管理
总共两个表聊天记录表最近联系人表私聊实现思路: 进入聊天界面发送消息且成功后,将此好友添加到最近联系人,且注明是用户点击发送后,将本聊天记录存入本人和好友的聊天记录数据库中,默认isme=t ...
javaWeb实现聊天室（私聊+群聊）
写在前面近几天,迎来了第一个小项目,不做不知道,一做吓一跳.好多知识都掌握的不够扎实,看似会了,但其实似懂非懂,不能真正掌握原理,导致使用起来错误百出.而且深深体会到,知识只有到用时方恨少,一个简单 ...
Swoole实现私聊群聊
代码 https://github.com/7117/Graphic-live-broadcasting-site/tree/master/swoole%20example/chatroom 数据结构 ...

H-Chat: socket.io实现私聊，群聊，添加好友

工具

安装

思路

H-Chat: socket.io实现私聊，群聊，添加好友相关推荐

最新文章

热门文章