c# html5 交互,纯静态HTML 与 C# Server 进行WebSocket 连接

TODO: 这篇文章只是写了一个DEMO，告诉你如何使用C#构建一个WebSocket服务器，以便HTML网页可以通过WebSocket与之进行交互。

将会使用到的 Package：

websocket-sharp

Newtonsoft.JSON

这个DEMO主要完成的工作是：

HTML 连接 WebSocket 并传送一个Json，Json包含两个数字a和b。

服务器监听 WebSocket 并解析Json里面的两个数字，将两个数字加起来的和作为结果以Json的形式传送给HTML。

HTML 得到返回以后更新显示。

10秒之后，服务器主动向浏览器再发送一次消息。

补充说明：

普通的HTTP请求跟WebSocket请求有什么不一样呢？为什么我们要用Websocket来连接？

我这里写的这个例子可能不是很好体现出Websocket的优势。

先说说它俩的不同。

HTTP是由客户端发起请求，服务器对请求进行处理之后做出相应的过程。

WebSocket跟Socket一样，一旦建立连接，服务器可以通过WebSocket主动向客户端发送数据。

比如例子中，第一个例子是对客户端上传的数据进行了处理，处理结果进行了返回，同时也延迟10s，让服务器端主动发送了一则消息。

虽然也可以用循环ajax轮询去实现类似服务器推送的效果，但是WebSocket会更省网络资源~

准备姿势

新建工程

首先需要准备两个工程：

一个是Web项目，可以是任何Web项目，因为我们只用到HTML。HTML单文件也是没有问题的。这里我用的是vscode live server。

另一个是C#命令行项目，当然也可以不是命令行，只是觉得命令行比较方便，DEMO也不需要窗体，如果你需要窗体可以使用WPF或者WinForms。

必要依赖

在C#项目中ÿ