C#工作总结(一):Fleck的WebSocket使用
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网页端代码