介绍:

前面写过一篇简单的websocke实现服务端。这一篇就不在说什么基础的东西主要是来用实例说话,主要是讲一下实现单聊和群组聊天和所有群发的思路设计。

直接不懂的可以看一下上一篇简单版本再来看也行:实现服务端WebSocket传送门

实现效果:

本示例主要实现了个什么东西哪,我们都使用qq或者其他的聊天工具,所有下面我说的大家也都懂。就不啰嗦废话了。

首先说实现6个主要的功能:

  • 单聊:可以指定人进行聊天。
  • 群发:这个的意思就是当前服务器内的所有人包含自己,这个就跟一个推送效果一样。
  • 开启连接(客户端):通知除自己以外的所有用户
  • 关闭连接(客户端):通知除自己以外的所有用户
  • 群组A:实现一个群组名字为A
  • 群组B:实现一个群组名字为B

好了基本就是这个大致功能。下面看下最终效果吧:

以上是第一个图先进入了A群组,后面两个在B群组。然后A有进入了B群组,所有第一张图可以收到所有聊天,但是后面两张只能收到B群组的聊天。

开始撸代码(socket版)

因为是在上面说道的文章改造的,所有基本的三连击(开启服务,开启监听,接受事件)我就不介绍了。

思路分析

我们既然实现的是聊天,那么跟谁聊天当然是其他人,所以我们应该有其他人,可是问题又来了我们登录了如何确认记录状态哪,我登录之后我可以跟服务器通讯,怎么找到其他人进行通讯哪?我就是想到的是使用字典Dictionary来进行存储,为什么用字典而不用list是因为,字典中是键值储存,我们把键当作人,然后值存储这个人的通讯连接,这样我只要知道这个人就在里面找到这个人,然后就取到这个人的连接就可以通讯了。

        //建立登录用户记录信息
public static Dictionary<string, Socket> ListUser = new Dictionary<string, Socket>();

注:写完这个之后我们老大看了下我的代码说你这个存在一个问题:线程安全,确实的Dictionary不是线程安全,当时写的时候没多想,他说完我就想起来了,以前用Paralle时候用到的线程安全类ConcurrentBag和ConcurrentDictionary,在这了当然可以改成:

       //建立登录用户记录信息
public static ConcurrentDictionary<string, Socket> ListUser = new ConcurrentDictionary<string, Socket>();

好了我们可以进行通讯了,可以找到指定的人进行通讯了,那当然所有人的通讯也可以解决了。所有我就直接说下开启连接和关闭连接的通知。我在消息接受和消息发送的时候定义了自己的规则:

开启连接:我在发送的时候最前面带:login字符串告诉消息接受我现在是登录,你告诉别人吧。

关闭连接:退出的时候没有发送字符串所以为空

 ws.send("login,我已经连接上了!!!");

ws.close();
  alert("关闭了通讯")

然后我在消息处理增加了判断处理:

                   if (string.IsNullOrEmpty(resultList[]))
{
//退出
SignOut(myClientSocket.RemoteEndPoint.ToString());
ListUser.Remove(myClientSocket.RemoteEndPoint.ToString());
myClientSocket.Shutdown(SocketShutdown.Both);
myClientSocket.Close();
Debug.WriteLine("当前退出用户:" + myClientSocket.RemoteEndPoint.ToString());
}
else if (resultList[] == "login")
{
//登录
Login(myClientSocket.RemoteEndPoint.ToString());
ListUser.Add(myClientSocket.RemoteEndPoint.ToString(), myClientSocket);
Debug.WriteLine("当前登录用户:" + myClientSocket.RemoteEndPoint.ToString());
}

大致其他的思路也是这个样子:单聊,群发,群组都是定义相应的规则来进行判断然后进行单独的业务。

全部判断逻辑代码

这里是写在了服务端的消息接受ReceiveMessage方法内,这个方法是一个统一的发送接受方法。想看原方法的请看上一篇:实现服务端WebSocket传送门

我这里只是写了我要做的效果,当然可以自己随便修改的。

 var resultStr = AnalyzeClientData(result, receiveNumber);
string[] resultList = resultStr.Split(',');
//string sendMsg = $"你({myClientSocket.RemoteEndPoint.ToString()}):" + resultList[1] + "【服务端回复】";
//myClientSocket.Send(SendMsg(sendMsg));//取消对自己提示发送给别人
if (string.IsNullOrEmpty(resultList[]))
{
//退出
SignOut(myClientSocket.RemoteEndPoint.ToString());
ListUser.Remove(myClientSocket.RemoteEndPoint.ToString());
myClientSocket.Shutdown(SocketShutdown.Both);
myClientSocket.Close();
Debug.WriteLine("当前退出用户:" + myClientSocket.RemoteEndPoint.ToString());
}
else if (resultList[] == "login")
{
//登录
Login(myClientSocket.RemoteEndPoint.ToString());
ListUser.Add(myClientSocket.RemoteEndPoint.ToString(), myClientSocket);
Debug.WriteLine("当前登录用户:" + myClientSocket.RemoteEndPoint.ToString());
}
else if (resultList[] == "all")
{
//群发所有用户
GroupChat(myClientSocket.RemoteEndPoint.ToString(), resultList[]);
}
else if (resultList[] == "groupA")
{
//群组发送
GroupChatA("groupA", myClientSocket.RemoteEndPoint.ToString(), resultList[]);
}
else if (resultList[] == "groupB")
{
//群组发送
GroupChatA("groupB", myClientSocket.RemoteEndPoint.ToString(), resultList[]);
}
else
{
//单聊
SingleChat(myClientSocket.RemoteEndPoint.ToString(), resultList[], resultList[]);
}

逻辑判断完成就进入相应的业务方法了,下面我把每一个业务方法放上来。

开启连接

#region  登录提示别人
public void Login(string userId)
{
if (ListUser.Count() > )
{
foreach (var item in ListUser)
{
if (item.Key != userId)
{
Socket socket = item.Value;
try
{
socket.Send(SendMsg($"用户({userId})登录了"));
}
catch (Exception e)
{
Debug.WriteLine("该用户已掉线:" + item.Key);
//用户已掉线就删除掉
ListUser.Remove(item.Key);
}
}
} } }
#endregion

关闭连接

#region  退出提示别人
public void SignOut(string userId)
{
if (ListUser.Count() > )
{
foreach (var item in ListUser)
{
if (item.Key != userId)
{
Socket socket = item.Value;
try
{
socket.Send(SendMsg($"用户({userId})退出了"));
}
catch (Exception e)
{
Debug.WriteLine("该用户已掉线:" + item.Key);
//用户已掉线就删除掉
ListUser.Remove(item.Key);
}
}
} } }
#endregion

单聊

#region 单聊
public void SingleChat(string userIdA, string userIdB, string msg)
{
Socket socket = ListUser[userIdB];
if (socket != null)
{
try
{
socket.Send(SendMsg($"用户({userIdA}=>{userIdB}):{msg}"));
}
catch (Exception e)
{
Debug.WriteLine("该用户已掉线:" + userIdB);
//用户已掉线就删除掉
ListUser.Remove(userIdB);
}
} }
#endregion

群发所有人

#region 群发
public void GroupChat(string userId, string msg)
{
if (ListUser.Count() > )
{
foreach (var item in ListUser)
{
if (item.Key != userId)
{
Socket socket = item.Value;
try
{
socket.Send(SendMsg($"用户({userId}=>{item.Key}):{msg}"));
}
catch (Exception e)
{
Debug.WriteLine("该用户已掉线:" + item.Key);
//用户已掉线就删除掉
ListUser.Remove(item.Key);
}
}
} } }
#endregion

群组实现

#region 实现群组

        //群组记录分类
List<GroupHelp> groupList = new List<GroupHelp>();
public void GroupChatA(string groupName, string userId, string msg)
{
if (string.IsNullOrEmpty(groupName))
{
return;
}
//判断自己是否在群组
GroupHelp isEisx = groupList.Where(b => b.userId == userId && b.Name == groupName).FirstOrDefault();
if (isEisx == null)
{
groupList.Add(new GroupHelp()
{
Name = groupName,
userId = userId
});
}
//根据群组名称判断是否存在群组
var nowGroupList = groupList.Where(b => b.Name == groupName).ToList();
foreach (var itemG in nowGroupList)
{
Socket socket = ListUser[itemG.userId];
try
{
socket.Send(SendMsg($"用户({userId}=>{itemG.userId}):{msg}"));
}
catch (Exception e)
{
Debug.WriteLine("该用户已掉线:" + itemG.userId);
//用户已掉线就删除掉
ListUser.Remove(itemG.userId);
}
}
}
#endregion

数据处理方法

  #region 打包请求连接数据
/// <summary>
/// 打包请求连接数据
/// </summary>
/// <param name="handShakeBytes"></param>
/// <param name="length"></param>
/// <returns></returns>
private byte[] PackageHandShakeData(byte[] handShakeBytes, int length)
{
string handShakeText = Encoding.UTF8.GetString(handShakeBytes, , length);
string key = string.Empty;
Regex reg = new Regex(@"Sec\-WebSocket\-Key:(.*?)\r\n");
Match m = reg.Match(handShakeText);
if (m.Value != "")
{
key = Regex.Replace(m.Value, @"Sec\-WebSocket\-Key:(.*?)\r\n", "$1").Trim();
}
byte[] secKeyBytes = SHA1.Create().ComputeHash(Encoding.ASCII.GetBytes(key + "258EAFA5-E914-47DA-95CA-C5AB0DC85B11"));
string secKey = Convert.ToBase64String(secKeyBytes);
var responseBuilder = new StringBuilder();
responseBuilder.Append("HTTP/1.1 101 Switching Protocols" + "\r\n");
responseBuilder.Append("Upgrade: websocket" + "\r\n");
responseBuilder.Append("Connection: Upgrade" + "\r\n");
responseBuilder.Append("Sec-WebSocket-Accept: " + secKey + "\r\n\r\n");
return Encoding.UTF8.GetBytes(responseBuilder.ToString());
}
#endregion #region 处理接收的数据
/// <summary>
/// 处理接收的数据
/// 参考 http://www.cnblogs.com/smark/archive/2012/11/26/2789812.html
/// </summary>
/// <param name="recBytes"></param>
/// <param name="length"></param>
/// <returns></returns>
private string AnalyzeClientData(byte[] recBytes, int length)
{
int start = ;
// 如果有数据则至少包括3位
if (length < ) return "";
// 判断是否为结束针
bool IsEof = (recBytes[start] >> ) > ;
// 暂不处理超过一帧的数据
if (!IsEof) return "";
start++;
// 是否包含掩码
bool hasMask = (recBytes[start] >> ) > ;
// 不包含掩码的暂不处理
if (!hasMask) return "";
// 获取数据长度
UInt64 mPackageLength = (UInt64)recBytes[start] & 0x7F;
start++;
// 存储4位掩码值
byte[] Masking_key = new byte[];
// 存储数据
byte[] mDataPackage;
if (mPackageLength == )
{
// 等于126 随后的两个字节16位表示数据长度
mPackageLength = (UInt64)(recBytes[start] << | recBytes[start + ]);
start += ;
}
if (mPackageLength == )
{
// 等于127 随后的八个字节64位表示数据长度
mPackageLength = (UInt64)(recBytes[start] << ( * ) | recBytes[start] << ( * ) | recBytes[start] << ( * ) | recBytes[start] << ( * ) | recBytes[start] << ( * ) | recBytes[start] << ( * ) | recBytes[start] << | recBytes[start + ]);
start += ;
}
mDataPackage = new byte[mPackageLength];
for (UInt64 i = ; i < mPackageLength; i++)
{
mDataPackage[i] = recBytes[i + (UInt64)start + ];
}
Buffer.BlockCopy(recBytes, start, Masking_key, , );
for (UInt64 i = ; i < mPackageLength; i++)
{
mDataPackage[i] = (byte)(mDataPackage[i] ^ Masking_key[i % ]);
}
return Encoding.UTF8.GetString(mDataPackage);
}
#endregion #region 发送数据
/// <summary>
/// 把发送给客户端消息打包处理(拼接上谁什么时候发的什么消息)
/// </summary>
/// <returns>The data.</returns>
/// <param name="message">Message.</param>
private byte[] SendMsg(string msg)
{
byte[] content = null;
byte[] temp = Encoding.UTF8.GetBytes(msg);
if (temp.Length < )
{
content = new byte[temp.Length + ];
content[] = 0x81;
content[] = (byte)temp.Length;
Buffer.BlockCopy(temp, , content, , temp.Length);
}
else if (temp.Length < 0xFFFF)
{
content = new byte[temp.Length + ];
content[] = 0x81;
content[] = ;
content[] = (byte)(temp.Length & 0xFF);
content[] = (byte)(temp.Length >> & 0xFF);
Buffer.BlockCopy(temp, , content, , temp.Length);
}
return content;
}
#endregion

javascript代码

function webSocketClose() {
ws.close();
alert("关闭了通讯")
}
//单聊
function send() {
var msg = document.getElementById("message").value;
var data = ""+document.getElementById("userId").value +","+ msg
if (msg == "" || msg == undefined) {
alert("请填写发送内容!")
return;
}
ws.send(data);
}
//群发(所有用户)
function sendGroup() {
var msg = document.getElementById("message").value;
var data = "all," + msg
if (msg == "" || msg == undefined) {
alert("请填写发送内容!")
return;
}
ws.send(data);
}
//群组发送A
function sendGroupA() {
var msg = document.getElementById("message").value;
var data = "groupA," + msg
if (msg == "" || msg == undefined) {
alert("请填写发送内容!")
return;
}
ws.send(data);
}
//群组发送A
function sendGroupB() {
var msg = document.getElementById("message").value;
var data = "groupB," + msg
if (msg == "" || msg == undefined) {
alert("请填写发送内容!")
return;
}
ws.send(data);
}

写在最后

这个就是我不是根据seesion来进行判断用户的,所有每当刷新了页面也就相当于退出了当前用户,还是需要重新开启连接的,这就是一个基本思路实现。还有待完善和不足。还请见谅。代码基本就差不多了。

源码放在了gitHub:https://github.com/Yanbigfeng/WebSocketToSocket

基础版本实现简单的websocket:实现服务端webSocket连接通讯

服务版本socket改为websocket实现版本:WebSocket和Socket实现聊天群发

【WebSocket No.2】WebSocket和Socket实现聊天群发的更多相关文章

  1. 基于Socket通讯(C#)和WebSocket协议(net)编写的两种聊天功能(文末附源码下载地址)

    今天我们来盘一盘Socket通讯和WebSocket协议在即时通讯的小应用——聊天. 理论大家估计都知道得差不多了,小编也通过查阅各种资料对理论知识进行了充电,发现好多demo似懂非懂,拷贝回来又运行 ...

  2. vue+websocket+express+mongodb实战项目(实时聊天)

    继上一个项目用vuejs仿网易云音乐(实现听歌以及搜索功能)后,发现上一个项目单纯用vue的model管理十分混乱,然后我去看了看vuex,打算做一个项目练练手,又不想做一个重复的项目,这次我就放弃颜 ...

  3. vue+websocket+express+mongodb实战项目(实时聊天)(二)

    原项目地址:[ vue+websocket+express+mongodb实战项目(实时聊天)(一)][http://blog.csdn.net/blueblueskyhua/article/deta ...

  4. websocket redis实现集群即时消息聊天

    websocket与redismq实现集群消息聊天 1.application.properties server.port=8081 #thymeleaf配置 #是否启用模板缓存. spring.t ...

  5. Node + H5 + WebSocket + Koa2 实现简单的多人聊天

    服务器代码  ( 依赖于 koa2,  koa-websocket ) /* 实例化外部依赖 */ let Koa = require("koa2"); let WebSocket ...

  6. 谈一谈Tomcat中webSocket,Jetty WebSocket 和Spring WebSocket以及github中Java-WebSocket.jar分别对Socket协议的角色定位以及效果的不同点;

    开局先上一张图:(http://tomcat.apache.org/tomcat-7.0-doc/web-socket-howto.html)   当前截图来自于apache的tomcat官网(问:为 ...

  7. socket实现聊天功能(二)

    socket实现聊天功能(二) WebSocket协议是建立在HTTP协议之上,因此创建websocket服务时需要调用http模块的createServer方法.将生成的server作为参数传入so ...

  8. 一步一步学WebSocket (一) 初识WebSocket

    众所周知,Http协议是无状态的,并且是基于Request/Response的方式与服务器进行交互,也就是我们常说的单工模式.但是随着互联网的发展,浏览器与服务端进行双向通信需求的增加,长轮询向服务器 ...

  9. python全栈开发day115、116-websocket、websocket原理、websocket加解密、简单问答机器人实现

    1.websocket 1.websocket 与轮询 轮询: 不断向服务器发起询问,服务器还不断的回复 浪费带宽,浪费前后端资源 保证数据的实时性 长轮询: 1.客户端向服务器发起消息,服务端轮询, ...

随机推荐

  1. hive、sqoop、MySQL间的数据传递

    hdfs到MySQL csv/txt文件到hdfs MySQL到hdfs  hive与hdfs的映射: drop table if exists emp;create table emp ( id i ...

  2. python模块:hmac

    """HMAC (Keyed-Hashing for Message Authentication) Python module. Implements the HMAC ...

  3. modbus转乐鑫物联网平台上传工具

    乐鑫平台推荐个人用户使用 界面比较简洁

  4. 初识Twisted(一)

    pip install Twisted 安装Twisted库 from twisted.internet import reactor #开启事件循环 #不是简单的循环 #不会带来任何性能损失 rea ...

  5. 第二十四节:Java语言基础-讲解数组的综合应用

    数组的综合应用 // 打印数组 public static void printArray(int[] arr) { for(int x=0;x<arr.length;x++) { if(x!= ...

  6. 为网站添加emoji表情的支持

    项目框架 React.js + webpack + ES6 + Jquery 需求描述 使用客户端的用户常常喜欢发emoji表情,而在浏览器打开网页版的时候,emoji表情不能正常显示.在chrome ...

  7. [CocoaPods]终端方式加载第三方库

    终端方式集成第三方库 1.打开终端,转到当前工程所在的文件夹. 方式一: [访达]->[服务]->[系统偏好设置] ->勾选[新建位于文件夹位置的终端标签 ]和[新建位于文件夹位置的 ...

  8. [原]Windows Azure开发之Linux虚拟机

      Windows Azure是微软的云服务集合,用来提供云在线服务所需要的操作系统与基础存储与管理的平台,是微软的云计算的核心组成组件之一.其中windows azure提供的最重要的一项服务就是虚 ...

  9. mysql之CREATE DATABASE Syntax(创建数据库)

    一:语法 CREATE {DATABASE | SCHEMA} [IF NOT EXISTS] db_name #SCHEMA是DATABASE的同义词 [IF NOT EXITTS]可防止建库是已经 ...

  10. Liferay7 BPM门户开发之23: 了解内置工作流(Kaleo Workflow)

    Liferay内置的工作流是企业版的功能,虽然简单粗糙,但依然不支持社区版.既然要用更强大的Activiti来替代它,那就非常有必要学习一下内置工作流的一些思想,以便借鉴. 它的特点: 实体的工作流操 ...