根据Socket异步聊天室修改成WebSocket聊天室

WebSocket特别的地方是 握手和消息内容的编码、解码(添加了ServerHelper协助处理)

ServerHelper:

  1. using System;
  2. using System.Collections;
  3. using System.Text;
  4. using System.Security.Cryptography;
  5.  
  6. namespace SocketDemo
  7. {
  8. // Server助手 负责:1 握手 2 请求转换 3 响应转换
  9. class ServerHelper
  10. {
  11. /// <summary>
  12. /// 输出连接头信息
  13. /// </summary>
  14. public static string ResponseHeader(string requestHeader)
  15. {
  16. Hashtable table = new Hashtable();
  17.  
  18. // 拆分成键值对,保存到哈希表
  19. string[] rows = requestHeader.Split(new string[] { "\r\n" }, StringSplitOptions.RemoveEmptyEntries);
  20. foreach (string row in rows)
  21. {
  22. int splitIndex = row.IndexOf(':');
  23. if (splitIndex > )
  24. {
  25. table.Add(row.Substring(, splitIndex).Trim(), row.Substring(splitIndex + ).Trim());
  26. }
  27. }
  28.  
  29. StringBuilder header = new StringBuilder();
  30. header.Append("HTTP/1.1 101 Web Socket Protocol Handshake\r\n");
  31. header.AppendFormat("Upgrade: {0}\r\n", table.ContainsKey("Upgrade") ? table["Upgrade"].ToString() : string.Empty);
  32. header.AppendFormat("Connection: {0}\r\n", table.ContainsKey("Connection") ? table["Connection"].ToString() : string.Empty);
  33. header.AppendFormat("WebSocket-Origin: {0}\r\n", table.ContainsKey("Sec-WebSocket-Origin") ? table["Sec-WebSocket-Origin"].ToString() : string.Empty);
  34. header.AppendFormat("WebSocket-Location: {0}\r\n", table.ContainsKey("Host") ? table["Host"].ToString() : string.Empty);
  35.  
  36. string key = table.ContainsKey("Sec-WebSocket-Key") ? table["Sec-WebSocket-Key"].ToString() : string.Empty;
  37. string magic = "258EAFA5-E914-47DA-95CA-C5AB0DC85B11";
  38. header.AppendFormat("Sec-WebSocket-Accept: {0}\r\n", Convert.ToBase64String(SHA1.Create().ComputeHash(Encoding.ASCII.GetBytes(key + magic))));
  39.  
  40. header.Append("\r\n");
  41.  
  42. return header.ToString();
  43. }
  44.  
  45. /// <summary>
  46. /// 解码请求内容
  47. /// </summary>
  48. public static string DecodeMsg(Byte[] buffer, int len)
  49. {
  50. if (buffer[] != 0x81
  51. || (buffer[] & 0x80) != 0x80
  52. || (buffer[] & 0x80) != 0x80)
  53. {
  54. return null;
  55. }
  56. Byte[] mask = new Byte[];
  57. int beginIndex = ;
  58. int payload_len = buffer[] & 0x7F;
  59. if (payload_len == 0x7E)
  60. {
  61. Array.Copy(buffer, , mask, , );
  62. payload_len = payload_len & 0x00000000;
  63. payload_len = payload_len | buffer[];
  64. payload_len = (payload_len << ) | buffer[];
  65. beginIndex = ;
  66. }
  67. else if (payload_len != 0x7F)
  68. {
  69. Array.Copy(buffer, , mask, , );
  70. beginIndex = ;
  71. }
  72.  
  73. for (int i = ; i < payload_len; i++)
  74. {
  75. buffer[i + beginIndex] = (byte)(buffer[i + beginIndex] ^ mask[i % ]);
  76. }
  77. return Encoding.UTF8.GetString(buffer, beginIndex, payload_len);
  78. }
  79.  
  80. /// <summary>
  81. /// 编码响应内容
  82. /// </summary>
  83. public static byte[] EncodeMsg(string content)
  84. {
  85. byte[] bts = null;
  86. byte[] temp = Encoding.UTF8.GetBytes(content);
  87. if (temp.Length < )
  88. {
  89. bts = new byte[temp.Length + ];
  90. bts[] = 0x81;
  91. bts[] = (byte)temp.Length;
  92. Array.Copy(temp, , bts, , temp.Length);
  93. }
  94. else if (temp.Length < 0xFFFF)
  95. {
  96. bts = new byte[temp.Length + ];
  97. bts[] = 0x81;
  98. bts[] = ;
  99. bts[] = (byte)(temp.Length & 0xFF);
  100. bts[] = (byte)(temp.Length >> & 0xFF);
  101. Array.Copy(temp, , bts, , temp.Length);
  102. }
  103. else
  104. {
  105. byte[] st = System.Text.Encoding.UTF8.GetBytes(string.Format("暂不处理超长内容").ToCharArray());
  106. }
  107. return bts;
  108. }
  109. }
  110. }

Server:

  1. using System;
  2. using System.Collections.Generic;
  3. using System.Text;
  4. using System.Net;
  5. using System.Net.Sockets;
  6.  
  7. namespace SocketDemo
  8. {
  9. class ClientInfo
  10. {
  11. public Socket Socket { get; set; }
  12. public bool IsOpen { get; set; }
  13. public string Address { get; set; }
  14. }
  15.  
  16. // 管理Client
  17. class ClientManager
  18. {
  19. static List<ClientInfo> clientList = new List<ClientInfo>();
  20. public static void Add(ClientInfo info)
  21. {
  22. if (!IsExist(info.Address))
  23. {
  24. clientList.Add(info);
  25. }
  26. }
  27. public static bool IsExist(string address)
  28. {
  29. return clientList.Exists(item => string.Compare(address, item.Address, true) == );
  30. }
  31. public static bool IsExist(string address, bool isOpen)
  32. {
  33. return clientList.Exists(item => string.Compare(address, item.Address, true) == && item.IsOpen == isOpen);
  34. }
  35. public static void Open(string address)
  36. {
  37. clientList.ForEach(item =>
  38. {
  39. if (string.Compare(address, item.Address, true) == )
  40. {
  41. item.IsOpen = true;
  42. }
  43. });
  44. }
  45. public static void Close(string address = null)
  46. {
  47. clientList.ForEach(item =>
  48. {
  49. if (address == null || string.Compare(address, item.Address, true) == )
  50. {
  51. item.IsOpen = false;
  52. item.Socket.Shutdown(SocketShutdown.Both);
  53. }
  54. });
  55. }
  56. // 发送消息到ClientList
  57. public static void SendMsgToClientList(string msg, string address = null)
  58. {
  59. clientList.ForEach(item =>
  60. {
  61. if (item.IsOpen && (address == null || item.Address != address))
  62. {
  63. SendMsgToClient(item.Socket, msg);
  64. }
  65. });
  66. }
  67. public static void SendMsgToClient(Socket client, string msg)
  68. {
  69. byte[] bt = ServerHelper.EncodeMsg(msg);
  70. client.BeginSend(bt, , bt.Length, SocketFlags.None, new AsyncCallback(SendTarget), client);
  71. }
  72. private static void SendTarget(IAsyncResult res)
  73. {
  74. //Socket client = (Socket)res.AsyncState;
  75. //int size = client.EndSend(res);
  76. }
  77. }
  78.  
  79. // 接收消息
  80. class ReceiveHelper
  81. {
  82. public byte[] Bytes { get; set; }
  83. public void ReceiveTarget(IAsyncResult res)
  84. {
  85. Socket client = (Socket)res.AsyncState;
  86. int size = client.EndReceive(res);
  87. if (size > )
  88. {
  89. string address = client.RemoteEndPoint.ToString(); // 获取Client的IP和端口
  90. string stringdata = null;
  91. if (ClientManager.IsExist(address, false)) // 握手
  92. {
  93. stringdata = Encoding.UTF8.GetString(Bytes, , size);
  94. ClientManager.SendMsgToClient(client, ServerHelper.ResponseHeader(stringdata));
  95. ClientManager.Open(address);
  96. }
  97. else
  98. {
  99. stringdata = ServerHelper.DecodeMsg(Bytes, size);
  100. }
  101. if (stringdata.IndexOf("exit") > -)
  102. {
  103. ClientManager.SendMsgToClientList(address + "已从服务器断开", address);
  104. ClientManager.Close(address);
  105. Console.WriteLine(address + "已从服务器断开");
  106. Console.WriteLine(address + " " + DateTimeOffset.Now.ToString("G"));
  107. return;
  108. }
  109. else
  110. {
  111. Console.WriteLine(stringdata);
  112. Console.WriteLine(address + " " + DateTimeOffset.Now.ToString("G"));
  113. ClientManager.SendMsgToClientList(stringdata, address);
  114. }
  115. }
  116. // 继续等待
  117. client.BeginReceive(Bytes, , Bytes.Length, SocketFlags.None, new AsyncCallback(ReceiveTarget), client);
  118. }
  119. }
  120.  
  121. // 监听请求
  122. class AcceptHelper
  123. {
  124. public byte[] Bytes { get; set; }
  125.  
  126. public void AcceptTarget(IAsyncResult res)
  127. {
  128. Socket server = (Socket)res.AsyncState;
  129. Socket client = server.EndAccept(res);
  130. string address = client.RemoteEndPoint.ToString();
  131.  
  132. ClientManager.Add(new ClientInfo() { Socket = client, Address = address, IsOpen = false });
  133. ReceiveHelper rs = new ReceiveHelper() { Bytes = this.Bytes };
  134. IAsyncResult recres = client.BeginReceive(rs.Bytes, , rs.Bytes.Length, SocketFlags.None, new AsyncCallback(rs.ReceiveTarget), client);
  135. // 继续监听
  136. server.BeginAccept(new AsyncCallback(AcceptTarget), server);
  137. }
  138. }
  139.  
  140. class Program
  141. {
  142. static void Main(string[] args)
  143. {
  144. Socket server = new Socket(AddressFamily.InterNetwork, SocketType.Stream, ProtocolType.Tcp);
  145. server.Bind(new IPEndPoint(IPAddress.Parse("127.0.0.1"), )); // 绑定IP+端口
  146. server.Listen(); // 开始监听
  147.  
  148. Console.WriteLine("等待连接...");
  149.  
  150. AcceptHelper ca = new AcceptHelper() { Bytes = new byte[] };
  151. IAsyncResult res = server.BeginAccept(new AsyncCallback(ca.AcceptTarget), server);
  152.  
  153. string str = string.Empty;
  154. while (str != "exit")
  155. {
  156. str = Console.ReadLine();
  157. Console.WriteLine("ME: " + DateTimeOffset.Now.ToString("G"));
  158. ClientManager.SendMsgToClientList(str);
  159. }
  160. ClientManager.Close();
  161. server.Close();
  162. }
  163. }
  164. }

Client:

  1. <!DOCTYPE html>
  2. <script>
  3. var mySocket;
  4. function Star() {
  5. mySocket = new WebSocket("ws://127.0.0.1:200", "my-custom-protocol");
  6. mySocket.onopen = function Open() {
  7. Show("连接打开");
  8. };
  9. mySocket.onmessage = function (evt) {
  10. Show(evt.data);
  11. };
  12. mySocket.onclose = function Close() {
  13. Show("连接关闭");
  14. mySocket.close();
  15. };
  16. }
  17. function Send() {
  18. var content = document.getElementById("content").value;
  19. Show(content);
  20. mySocket.send(content);
  21. }
  22. function Show(msg) {
  23. var roomContent = document.getElementById("roomContent");
  24. roomContent.innerHTML = msg + "<br/>" + roomContent.innerHTML;
  25. }
  26. </script>
  27. <html>
  28. <head>
  29. <title></title>
  30. </head>
  31. <body>
  32. <div id="roomContent" style="width: 500px; height: 200px; overflow: hidden; border: 2px solid #686868;
  33. margin-bottom: 10px; padding: 10px 0px 0px 10px;">
  34. </div>
  35. <div>
  36. <textarea id="content" cols="" rows="" style="padding: 10px 0px 0px 10px;"></textarea>
  37. </div>
  38. <input type="button" value="Connection" onclick="Star()" />
  39. <input type="button" value="Send" onclick="Send()" />
  40. </body>
  41. </html>

总结:

以上demo仅仅是为了大家对WebSocket有一个了解、认识, 如果想要在项目中使用的话,还是推荐优先考虑一些现有的引擎,毕竟一些浏览器兼容性问题和服务端通信上的问题解决起来还是比较耗时的。

WebSocket聊天室demo的更多相关文章

  1. 用Java构建一个简单的WebSocket聊天室

    前言 首先对于一个简单的聊天室,大家应该都有一定的概念了,这里我们省略用户模块的讲解,而是单纯的先说说聊天室的几个功能:自我对话.好友交流.群聊.离线消息等. 今天我们要做的demo就能帮我们做到这一 ...

  2. Netty入门(一)之webSocket聊天室

    一:简介 Netty 是一个提供 asynchronous event-driven (异步事件驱动)的网络应用框架,是一个用以快速开发高性能.高可靠性协议的服务器和客户端. 换句话说,Netty 是 ...

  3. 使用.NET Core和Vue搭建WebSocket聊天室

    博客地址是:https://qinyuanpei.github.io.  WebSocket是HTML5标准中的一部分,从Socket这个字眼我们就可以知道,这是一种网络通信协议.WebSocket是 ...

  4. websocket聊天室

    目录 websocket方法总结 群聊功能 基于websocket聊天室(版本一) websocket方法总结 # 后端 3个 class ChatConsumer(WebsocketConsumer ...

  5. php +html5 websocket 聊天室

    针对内容比较长出错,修改后的解码函数 和 加码函数 原文请看上一篇 http://yixun.yxsss.com/yw3104.html function uncode($str,$key){ $ma ...

  6. koa2+webSocket 聊天室

    做了一个简单的的聊天室,用来看看 koa和 websocket的使用还是挺好的,已经放到gitHub. https://github.com/zhaowanhua/koa2WebSocket

  7. 实现一个简单的WebSocket聊天室

    WebSocket 简介 WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议. WebSocket 使得客户端和服务器之间的数据交换变得更加简单,允许服务端主 ...

  8. tornado websocket聊天室

    1.app.py #!/usr/bin/env python # -*- coding:utf-8 -*- import uuid import json import tornado.ioloop ...

  9. 基于springboot的websocket聊天室

    WebSocket入门 1.概述 1.1 Http #http简介 HTTP是一个应用层协议,无状态的,端口号为80.主要的版本有1.0/1.1/2.0. #http1.0/1.1/2.0 1.HTT ...

随机推荐

  1. Swift - 同步请求获取网络数据

    使用NSURLConnection可以实现http通信.它提供了异步请求和同步请求两种通信方式. 注意:同步请求数据会造成主线程阻塞,必须请求结束后用户才能做其他的操作,所有通常在请求大数据或者网络不 ...

  2. Codeforces Round #112 (Div. 2)---A. Supercentral Point

    Supercentral Point time limit per test 2 seconds memory limit per test 256 megabytes input standard ...

  3. swift 有些语法还是不支持。

    <pre name="code" class="html">"func hasAnyMatches(list: Int[], condit ...

  4. Windows Azure入门教学系列 (六):使用Table Storage

    本文是Windows Azure入门教学的第六篇文章. 本文将会介绍如何使用Table Storage.Table Storage提供给我们一个云端的表格结构.我们可以把他想象为XML文件或者是一个轻 ...

  5. android布局margin和padding差异!

    事实上从使用的时候就能够差别开来. android:padding android:layout_margin padding是在本控件级别的,而margin是在layout级别的. 最好拿有背景的控 ...

  6. Swift - 多层无缝循环滚动背景(SpriteKit游戏开发)

    在游戏开发中,比如跑酷游戏.我们需要实现背景的无限循环滚动,来营造运动的效果.除了单层的背景滚动,还有视差滚动. 视差滚动是指让多层背景以不同的速度移动,形成立体的效果,从而带来非常出色的视觉体验. ...

  7. 阿斯钢iojeg9uhw8uhy平

    http://www.huihui.cn/share/8424421 http://www.huihui.cn/share/8424375 http://www.huihui.cn/share/842 ...

  8. mybatis 的简单使用

    须要用到的包:(这里仅仅是当中一个版本号.其它的百度) mysql-connector-java-5.1.6-bin mybatis-3.2.2 先看项目文件夹: 配置文件mybatisconfig. ...

  9. ASP.NET 常用内置对象详解-----Response

    利用提供的内置对象,可以实现页面之间的数据传递及实现一些特定的功能,如:缓冲输出,页面重定向等等. Response :响应,反应 Request:请求 Server:服务器 Application: ...

  10. visio ppt axure AI svg powerdesign xmind

    visio  ppt  axure  AI svg powerdesign xmind