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网页端代码

WebSocket测试
posted @ 2020-06-11 17:29  乌卡拉卡  阅读(4580)  评论(0编辑  收藏  举报