C#使用WebSocket与网页实时通信的实现示例

目的：使用Fleck框架实现网页与服务端实时通信

传统的网站采用http方式与服务端通信，属于请求响应模式，如何让网页与服务器之间能使用TCP这种双向通信方式实时交流，答案就是使用WebSocket技术。

Fleck框架的安装方式：

1、使用NuGet包管理工具安装

Install-Package Fleck -Version 1.2.0

2、下载Fleck源码并编译程序集供服务端引用

github地址：https://github.com/statianzo/Fleck/archive/refs/heads/master.zip

gitee地址：https://gitee.com/mylikekefu/Fleck/repository/archive/master.zip

直接在VS中打开项目，并生成fleck项目程序集

3、新建WebSocket服务端项目，命名WebSocketConsoleApp

4、引用程序集Fleck.dll

5、程序入口类编写服务端代码，如下所示：

static void Main(string[] args)
       {
           FleckLog.Level = LogLevel.Debug;
           var allSockets = new List<IWebSocketConnection>();
           var server = new WebSocketServer("ws://192.168.3.3:50000");
           server.Start(socket => {
           //客户端连接上服务端，则在socket列表添加一个客户端
           socket.OnOpen = () => {
               Console.WriteLine("Open!");
               allSockets.Add(socket);
           };
           //客户端离线，则从socket列表删除这个客户端
           socket.OnClose = () => {
               Console.WriteLine("Close!");
               allSockets.Remove(socket);
           };
           socket.OnMessage = message => {
               Console.WriteLine(message);
               //给发送消息的客户端回复一条消息
               socket.Send("Echo:" + message);
           });

var input = Console.ReadLine();
           //给所有客户端发送消息
           while(input!="exit")
           {
               foreach (var socket in allSockets.ToList())
               {
                   socket.Send(input);
               }
               input = Console.ReadLine();
           }
       }

6、启动项目，打印如下信息，服务端启动成功。

7、新建客户端，使用浏览器F12控制台模拟websocket客户端，代码如下所示：

ws = new WebSocket("ws://192.168.3.3:50000");
ws.onopen = function() {
   ws.send('websocekt测试');
};
ws.onmessage = function(e) {
   alert("收到服务端的消息：" + e.data);
};

打开两个浏览器页面，分别F12，控制台中输入以上代码，表示新建了两个客户端，将会分别收到服务端回复的消息。

在其中一个客户端输入代码：ws.send('xtt');发现只有这个客户端收到了回复的消息。

查看服务端打印情况如下所示：

来源：https://blog.csdn.net/dandingwangzi/article/details/126325089