SignalR服务器端消息推送

qq_24769781

已于 2023-06-15 14:46:08 修改

阅读量400

点赞数

分类专栏： .Net Core 文章标签： .netcore c#

于 2023-06-15 11:57:10 首次发布

本文链接：https://blog.csdn.net/qq_24769781/article/details/131224628

版权

在传统的HTTP中，只能客户端主动向服务器端发起请求，服务器端是无法主动向客户端发送消息的，但是有一些场景需要我们服务器端主动向客户端发送消息，那么主要有以下3种方式实现

服务器端主动向客户端发送消息的实现方式：

1：轮询
原理: 利用Ajax定时朝后端发送请求,比如每隔五秒钟发一次请求，那么你的数据延迟就可能会高达五秒
特点: 数据延迟,消耗资源过大,请求次数太多

2：长轮询（又叫长连接）
原理: 利用Ajax + 队列定时朝后端发送请求, 如果没有数据则会阻塞但是不会一直阻塞, 比如阻塞你30秒，还没有数据则返回，然后让客户端浏览器再次发送请求数据的请求
特点: 相对于轮询基本是没有消息延迟的,请求次数降低了很多

3：Websocket
WebSocket 的最大特点就是，浏览器与服务端建立链接之后默认不再断开,服务器可以主动向客户端推送信息，客户端也可以主动向服务器发送信息

Websocket的实现案例

1：浏览器端如实现

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
    <title>websocket client</title>
    <script type="text/javascript">
        var start = function () {
            var inc = document.getElementById('incomming');
            var wsImpl = window.WebSocket || window.MozWebSocket;
            var form = document.getElementById('sendForm');
            var input = document.getElementById('sendText');
 
            inc.innerHTML += "connecting to server ..<br/>";
 
            //创建一个新的websocket并连接
            window.ws = new wsImpl('ws://localhost:7181/');
 
            //当数据从服务器返回时，该方法被调用
            ws.onmessage = function (evt) {
                inc.innerHTML += evt.data + '<br/>';
            };
 
            //当成功建立连接时，该方法被调用
            ws.onopen = function () {
                inc.innerHTML += '.. connection open<br/>';
            };
 
            //当连接关闭时，该方法被调用
            ws.onclose = function () {
                inc.innerHTML += '.. connection closed<br/>';
            }
 
            form.addEventListener('submit', function (e) {
                e.preventDefault();
                var val = input.value;
                ws.send(val);
                input.value = "";
            });
 
        }
        window.onload = start;
    </script>
</head>
<body>
    <form id="sendForm">
        <input id="sendText" placeholder="Text to send" />
    </form>
    <pre id="incomming"></pre>
</body>
</html>

2：服务器端我使用的是C#的控制台程序:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using Fleck;   //VS2017->项目->管理NuGet程序包->浏览，输入"fleck", 找到fleck后点击进行安装
 
namespace TopoWebSocket
{
    class Program
    {
        static void Main(string[] args)
        {
            FleckLog.Level = LogLevel.Debug;
            var allSockets = new List<IWebSocketConnection>();
            var server = new WebSocketServer("ws://0.0.0.0:7181");
            server.Start(socket =>
            {
                socket.OnOpen = () =>
                {
                    Console.WriteLine("Open!");
                    allSockets.Add(socket);
                };
                socket.OnClose = () =>
                {
                    Console.WriteLine("Close!");
                    allSockets.Remove(socket);
                };
                socket.OnMessage = message =>
                {
                    Console.WriteLine(message);
                    allSockets.ToList().ForEach(s => s.Send("Echo: " + message));
                };
            });
 
 
            var input = Console.ReadLine();
            while (input != "exit")
            {
                foreach (var socket in allSockets.ToList())
                {
                    socket.Send(input);
                }
                input = Console.ReadLine();
            }
        }
    }
}

注意要引用：using Fleck;

我们来运行下服务器端

客户端如图：

最低0.47元/天解锁文章

qq_24769781

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
SignalR服务器端消息推送

在传统的HTTP中，只能客户端主动向服务器端发起请求，服务器端是无法主动向客户端发送消息的，但是有一些场景需要我们服务器端主动向客户端发送消息，那么主要有以下3种方式实现原理: 利用Ajax定时朝后端发送请求,比如每隔五秒钟发一次请求，那么你的数据延迟就可能会高达五秒特点: 数据延迟,消耗资源过大,请求次数太多原理: 利用Ajax + 队列定时朝后端发送请求, 如果没有数据则会阻塞但是不会一直阻塞, 比如阻塞你30秒，还没有数据则返回，然后让客户端浏览器再次发送请求数据的请求。
复制链接

扫一扫