C#工做总结（一）：Fleck的WebSocket使用

时间  2019-11-05
标签 c# 总结 fleck websocket 使用 栏目 C# 繁體版
原文   原文链接

一.引子（Foreword）

      最近公司里面要作窗体和网页交互的功能。网上找了一下资料，这里作一个简单的扩充和整理，部份内容多是摘自其余博客，这里会注明出处和原文地址供你们和本身往后查阅。javascript

 

二.基础知识（Foundation）

 

（1）. WebSocket介绍html

       WebSocket协议是基于TCP的一种新的网络协议。它实现了浏览器与服务器全双工(full-duplex)通讯——容许服务器主动发送信息给客户端。（来自白度百科）前端

（2）.浏览器对WebSocket的支持java

 

浏览器git

支持状况github

Chrome谷歌浏览器web

Chrome version 4+支持浏览器

Firefox火狐浏览器服务器

Firefox version 5+支持websocket

IE微软浏览器

IE version 10+支持（咱们通常win7自带的是IE11）

Safari苹果浏览器

IOS 5+支持

Android Brower安卓浏览器

Android 4.5+支持

（3）. WebSocket服务器支持

 

厂商

应用服务器

备注

IBM

WebSphere

WebSphere 8.0以上版本支持，7.X以前版本结合MQTT支持相似的HTTP长链接

甲骨文

WebLogic

WebLogic 12c 支持，11g以及10g版本经过HTTP Publish支持相似的HTTP长链接

微软

IIS

IIS 7.0+支持

Apache

Tomcat

Tomcat 7.0.5+支持

 

Jetty

Jetty 7.0+支持

（4）. Web前端知识概要

<1>. 对象建立（调用WebSocket的构造函数）

  1）函数原型：     

[javascript]  view plain  copy
 
  1. Constructor(DOMString url,[DOMString protocols]);  

  2）说明：url为WebSocket服务器的地址，protocols为发起握手的协议名称，为可选择项。

<2>. 接口及函数方法（WebSocket的接口的定义）

  1）函数原型：

[javascript]  view plain  copy
 
  1. Interface<span style="color:#333333;"> </span>WebSocket:EventTarget{  
  2.     readonly attribute DOMString url;  
  3.     //readyState状态值  
  4.     Const unsigned short CONNECTING=0;  
  5.     Const unsigned short OPEN=1;  
  6.     Const unsigned short CLOSING=2;  
  7.     Const unsigned short CLOSED=3;  
  8.     readonly attribute unsigned short readyState;  
  9.     readonly attribute unsigned long bufferedAmount;  
  10.     //监听网络状态的事件监听器属性  
  11.     [TreatNonCallableAsNull] attribute Function? onopen;  
  12.     [TreatNonCallableAsNull] attribute Function? onerror;  
  13.         [TreatNonCallableAsNull] attribute Function? onclose;  
  14.     readonly attribute DOMString extensions;  
  15.     readonly attribute DOMString protocol;  
  16.     //关闭网络链接的方法  
  17.     void close([Clamp] optional unsigned short code,optional DOMString reason);  
  18.     //接受服务器消息的事件监听器函数  
  19.     [TreatNonCallableAsNull] attribute Function? onmessage;  
  20.     attribute DOMString binaryType;  
  21.     void send(DOMString data);  
  22.     void send(ArrayBuffer data);  
  23.     void send(Blob data);  
  24. };  

  2）说明：

        【1】. 两个方法：

            ● send()：向远程服务器发送数据

            ● cosle()：关闭该WebSocket

        【2】. 四个重要的事件监听器属性：

            ● onopen：当WebSocket创建网络链接的时候触发该事件

            ● onerror：当网络链接出现问题的时候触发该事件

            ● onclose：当WebSocket被关闭的时候触发该事件

            ● onmessage：当WebSocket接受到远程服务器的数据的时候触发该事件

 
                    注意：1. 上面的四个函数名均为小写，大小写时敏感的；
                              2. onmessage 绑定一个型为 function(event){…} 的函数这样就能够经过event.data来得到返回的数据；

 

        【3】. readyState属性，用于返回WebSocket所处的状态：

            ● CONNECTING（数值0）：WebSocket正在尝试与服务器创建链接

            ● OPEN（数值1）：WebSocket与服务器已经创建链接

            ● CLOSING（数值2）：WebSocket正在关闭与服务器的链接

            ● CLOSED（数值3）：WebSocket已经关闭了与服务器的链接

 

<3>. 使用WebSocket（4步）

 

  1） 将相关的定义函数绑定到上面4个监听事件中；

  2） 调用WebSocket的构造函数，给定一个url来初始化一个WebSocket对象；

  3） 经过send()方法来发送数据；

  4） 在有必要的时候能够用close()来关闭监听；

 

（4）.客户端知识概要

<1>. 梗概

        咱们能够经过基础的Socket通讯来实现和网页的相互通讯。但因为只有在.net Framework在4.5以及4.5以上的版本对WebSocket通讯的数据解析才有相关的类来支持。因此解析数据写起来十分的繁琐，因此咱们使用第三方的库来完成低版本.net框架中的通讯。若是有时间我也会写一篇有关socket来进行通讯及解析数据的文章。

        接下来我看看用的软件和相关的技术知识。

<2>. .Net不一样WebSocket库的比较

 

         我这里找了一下网上的资料，以下连接，若是仅仅是要从网页发送消息到服务器，那么我这边使用Flerk。

               ● 英文版：WebSocket libraries comparison

          ● 翻译版：.NET的WebSocket开发包比较【已翻译100%】

 

<3>. Fleck的源码下载以及说明文档

        源码能够从网上下载，这里我给出连接：源码下载

        点击页面中的Clone or download -> Download ZIP，以下

 

图一

        说明文档就在下载的下面，是英文版的的，固然也能够看我博客中的译文：博主翻译版说明文档 （以为不错的话转载一下哟：-》）

一.引子（Foreword）

 

        对于怎么使用直接看说明文档，很是简单，这里博主就很少说了。（博主都写到晚上1点了T T）

 

三.代码（Code）

（1）. Web网页端代码

[html]  view plain  copy
 
  1. <!DOCTYPE html>  
  2.   
  3. <html lang="en" xmlns="http://www.w3.org/1999/xhtml">  
  4. <head>  
  5.     <meta charset="utf-8" />  
  6.     <title>WebSocket测试</title>  
  7.     <style>  
  8.         .div1  
  9.         {  
  10.             height:88px;     
  11.             width:173px;  
  12.             border:1px solid blue;  
  13.             margin:auto;  
  14.         }  
  15.         h4  
  16.         {  
  17.             margin:auto;  
  18.         }  
  19.     </style>  
  20.     <script>  
  21.         var webSocket = {};  
  22.         //建立websockt  
  23.         function CreateWebSocket() {  
  24.             webSocket = new WebSocket("ws://127.0.0.1:30000");  
  25.             webSocket.onopen = WebSokectOnOpen;  
  26.             webSocket.onmessage = WebSocketOnMessage;  
  27.             webSocket.onclose = WebSocketOnClose;  
  28.         };  
  29.   
  30.         //创建链接事件  
  31.         function WebSokectOnOpen() {  
  32.             alert("已经打开链接！");  
  33.             webSocket.Send("WebSocketCreate Success!");  
  34.         };  
  35.   
  36.         //监听事件  
  37.         function WebSocketOnMessage(event) {  
  38.             //监听来自客户端的数据  
  39.             alert(event.data);  
  40.         };  
  41.   
  42.         function WebSocketOnClose() {  
  43.             //监听来自客户端的数据  
  44.             alert('和服务器断开链接');  
  45.         };  
  46.   
  47.         //发送事件  
  48.         function WebSocketSendMsg() {  
  49.             //获取text中的值  
  50.             var text = document.getElementById("Text1").value;  
  51.             //发送到服务器  
  52.             webSocket.send(text);  
  53.         };  
  54.     </script>  
  55. </head>  
  56. <body onload="CreateWebSocket()">  
  57.     <div class="div1">  
  58.         <h4>CSDN博客</h4>  
  59.         <h4>By:LoveMiw</h4>  
  60.         <input type="text" id="Text1" />  
  61.         <input type="button" onclick="WebSocketSendMsg()" value="发送数据" />  
  62.     </div>  
  63. </body>  
  64. </html>  

（2）. 服务端C#代码

[csharp]  view plain  copy
 
  1. //上面是程序生成的using  
  2. using Fleck;  
  3.   
  4. namespace WebSocketTest  
  5. {  
  6.     class Program  
  7.     {  
  8.         static void Main(string[] args)  
  9.         {  
  10.             //客户端url以及其对应的Socket对象字典  
  11.             IDictionary<string, IWebSocketConnection> dic_Sockets = new Dictionary<string, IWebSocketConnection>();  
  12.             //建立  
  13.   
  14.             WebSocketServer server = new WebSocketServer("ws://0.0.0.0:30000");//监听全部的的地址  
  15.             //出错后进行重启  
  16.             server.RestartAfterListenError = true;  
  17.   
  18.             //开始监听  
  19.             server.Start(socket =>  
  20.             {  
  21.                 socket.OnOpen = () =>   //链接创建事件  
  22.                 {  
  23.                     //获取客户端网页的url  
  24.                     string clientUrl = socket.ConnectionInfo.ClientIpAddress + ":" + socket.ConnectionInfo.ClientPort;  
  25.                     dic_Sockets.Add(clientUrl, socket);  
  26.                     Console.WriteLine(DateTime.Now.ToString() + "|服务器:和客户端网页:" + clientUrl + " 创建WebSock链接！");  
  27.                 };  
  28.                 socket.OnClose = () =>  //链接关闭事件  
  29.                 {  
  30.                     string clientUrl = socket.ConnectionInfo.ClientIpAddress + ":" + socket.ConnectionInfo.ClientPort;  
  31.                     //若是存在这个客户端,那么对这个socket进行移除  
  32.                     if (dic_Sockets.ContainsKey(clientUrl))  
  33.                     {  
  34.                         //注:Fleck中有释放  
  35.                         //关闭对象链接   
  36.                         //if (dic_Sockets[clientUrl] != null)  
  37.                         //{  
  38.                             //dic_Sockets[clientUrl].Close();  
  39.                         //}  
  40.                         dic_Sockets.Remove(clientUrl);  
  41.                     }  
  42.                     Console.WriteLine(DateTime.Now.ToString() + "|服务器:和客户端网页:" + clientUrl + " 断开WebSock链接！");  
  43.                 };  
  44.                 socket.OnMessage = message =>  //接受客户端网页消息事件  
  45.                 {  
  46.                     string clientUrl = socket.ConnectionInfo.ClientIpAddress + ":" + socket.ConnectionInfo.ClientPort;  
  47.                     Console.WriteLine(DateTime.Now.ToString() + "|服务器:【收到】来客户端网页:" + clientUrl + "的信息：\n" + message);  
  48.                 };  
  49.             });  
  50.   
  51.             Console.ReadKey();  
  52.             foreach (var item in dic_Sockets.Values)  
  53.             {  
  54.                 if (item.IsAvailable == true)  
  55.                 {  
  56.                     item.Send("服务器消息：" + DateTime.Now.ToString());  
  57.                 }  
  58.             }  
  59.             Console.ReadKey();  
  60.   
  61.             //关闭与客户端的全部的链接  
  62.             foreach (var item in dic_Sockets.Values)  
  63.             {  
  64.                 if (item != null)  
  65.                 {  
  66.                     item.Close();  
  67.                 }  
  68.             }  
  69.   
  70.             Console.ReadKey();  
  71.         }  
  72.     }  
  73. }  

 

 

四. 结束语（Ending）

（1）. 在Fleck上面下载的源码在放到工程中的时候彷佛会报错，只要从新把全部的.cs按它原来的结构添加到一个新的工程中在编译就能够经过；

（2）. 本文主要是用做记录成长历程的，还有这个WebSocket实践性比较强，因此仍是要本身动手去试试。因此博客主因为在时间精力不是很的状况下就不去过多的强调代码了。若是真的须要能够下载我上面代码的原工程。最后我把Fleck的包也给一下吧。

工程源代码（环境vs2015）

Fleck源代码

相关文章
相关标签/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公众号
   欢迎关注本站公众号,获取更多信息
联系我们 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程