https://blog.csdn.net/ZslLoveMiwa/article/details/80247739
一.引子（Foreword）
? ? ? 最近公司里面要做窗体和网页交互的功能。网上找了一下资料，这里做一个简单的扩充和整理，部分内容可能是摘自其他博客，这里会注明出处和原文地址供大家和自己日后查阅。
二.基础知识（Foundation）
（1）. WebSocket介绍
WebSocket协议是基于TCP的一种新的网络协议。它实现了浏览器与服务器全双工(full-duplex)通信——允许服务器主动发送信息给客户端。（来自白度百科）
（2）.浏览器对WebSocket的支持
浏览器
支持情况
Chrome谷歌浏览器
Chrome version 4+支持
Firefox火狐浏览器
Firefox version 5+支持
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）函数原型：
Constructor(DOMString url,[DOMString protocols]);
? 2）说明：url为WebSocket服务器的地址，protocols为发起握手的协议名称，为可选择项。
<2>.?接口及函数方法（WebSocket的接口的定义）
1）函数原型：
Interface WebSocket:EventTarget{
readonly attribute DOMString url;
//readyState状态值
Const unsigned short CONNECTING=0;
Const unsigned short OPEN=1;
Const unsigned short CLOSING=2;
Const unsigned short CLOSED=3;
readonly attribute unsigned short readyState;
readonly attribute unsigned long bufferedAmount;
//监听网络状态的事件监听器属性
[TreatNonCallableAsNull] attribute Function? onopen;
[TreatNonCallableAsNull] attribute Function? onerror;
[TreatNonCallableAsNull] attribute Function? onclose;
readonly attribute DOMString extensions;
readonly attribute DOMString protocol;
//关闭网络连接的方法
void close([Clamp] optional unsigned short code,optional DOMString reason);
//接受服务器消息的事件监听器函数
[TreatNonCallableAsNull] attribute Function? onmessage;
attribute DOMString binaryType;
void send(DOMString data);
void send(ArrayBuffer data);
void send(Blob data);
};
? 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网页端代码