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();
            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,控制台中输入以上代码,表示新建了两个客户端,将会分别收到服务端回复的消息。

C#使用WebSocket与网页实时通信_第1张图片

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

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

C#使用WebSocket与网页实时通信_第2张图片

你可能感兴趣的:(C#,javascript,websocket,网络协议,网络)