业务情景一：上传报表，上传excel。如果excel的数据量很大，上万条，上十万条数据，那么这个上传请求必然是个耗时请求。用户上传之后，很关心上传的进度和结果。

业务情景二：站内消息提醒，实时有效地接受消息。

对于这些需求，第一时间想到的是，前端定时去轮询数据，返回一个进度或者未读的站内消息。

这样虽然能达到目的，但是付出的代价是昂贵的。站点24小时，不断地在请求接口，数据库不断地在被访问，这是客户端主动请求所带来的弊端。

换一个角度，如果是服务端主动去推送消息给客户端，那么性能势必能大幅增加，同时推送的消息更为及时、准确。

SignalR对常用实时通讯技术进行了封装, SignalR当WebSocket可用时优先使用新式的WebSocket传输，同时也兼容老式的传输。

SignalR支持以一种简单的API来创建服务器到客户端的远程调用客户端的Javascript方法，SignalR还包括用于用于连接管理的API和分组连接。

新建一个.net core console程序，引入nuget包

以下是服务端代码，主程序创建了一个站内，站点启动时注入了一个hubcontext的实例，这个hubcontext的主要工作是，每隔一秒钟触发客户端去执行OnReportPublished方法。

 using Microsoft.AspNetCore;

 using Microsoft.AspNetCore.Builder;

 using Microsoft.AspNetCore.Hosting;

 using Microsoft.AspNetCore.SignalR;

 using Microsoft.Extensions.DependencyInjection;

 using System;

 using System.Threading;

 using System.Threading.Tasks;

 namespace OneCode.SignalR

 {

     public class Program

     {

         public static void Main(string[] args)

         {

             BuildWebHost(args).Run();

         }

         public static IWebHost BuildWebHost(string[] args) =>

             WebHost.CreateDefaultBuilder(args)

                 .UseStartup<Startup>()

                 .Build();

     }

     public class MyHub : Hub

     {

         //此方法用于被客户端调用，当客户端执行 hubConnection.invoke('PublishReport', $('#reportName').val()); 会触发此方法执行

         public Task PublishReport(string reportName)

         {

             //主动通知客户端去执行客户端本身的方法，此代码执行后

             //hubConnection.on('OnReportPublished', data => {

             //    $('#reports').append($('<li>').text(data));

             //});

             //客户端将执行 OnReportPublished

             return Clients.All.InvokeAsync("OnReportPublished", reportName);

         }

         public async void Echo(string sendMan)

         {

             while (true)

             {

                 await Clients.All.InvokeAsync("OnReportPublished", $"{DateTime.Now}:{sendMan}:{ Guid.NewGuid().ToString()}");

                 Thread.Sleep( * );

             }

         }

     }

     public class Startup

     {

         public void ConfigureServices(IServiceCollection services)

         {

             services.AddCors(options =>

             {

                 options.AddPolicy("fiver",

                     policy => policy.AllowAnyOrigin()

                                     .AllowAnyHeader()

                                     .AllowAnyMethod());

             });

             services.AddSignalR(); // <-- SignalR

         }

         public void Configure(IApplicationBuilder app, IHostingEnvironment env)

         {

             app.UseDeveloperExceptionPage();

             app.UseCors("fiver");

             app.UseSignalR(routes =>  // <-- SignalR

             {

                 routes.MapHub<MyHub>("myHub");

             });

             //IHubContext<MyHub> hubContext = serviceProvider.GetService<IHubContext<MyHub>>();

         }

     }

 }

以下是客户端代码

<!DOCTYPE html>

<html>

<head>

    <meta name="viewport" content="width=device-width" />

    <title>ASP.NET Core SignalR</title>

    <script src="js/signalr-client.min.js"></script>

    <script src="js/jquery.min.js"></script>

</head>

<body>

    <div>

        <h2>Reports</h2>

        <button id="button">send</button>

        <ul id="reports"></ul>

        <script>

            $(function () {

                let hubUrl = 'http://localhost:5000/myHub';

                let httpConnection = new signalR.HttpConnection(hubUrl);

                let hubConnection = new signalR.HubConnection(httpConnection);

                $("#button").click(function () {

                    hubConnection.invoke('Echo', 'wiky');

                });

                hubConnection.on('OnReportPublished', data => {

                    $('#reports').append($('<li>').text(data));

                });

                hubConnection.start();

            });

        </script>

    </div>

</body>

</html>

以下是执行结果：

signalR 消息推送的更多相关文章

  1. WinForm中 Asp.Net Signalr消息推送测试实例

    p{ text-align:center; } blockquote > p > span{ text-align:center; font-size: 18px; color: #ff0 ...

  2. Asp.net MVC企业级开发（04）---SignalR消息推送

    Asp.net SignalR是微软为实现实时通信而开发的一个类库.可以适用于以下场景: 聊天室,如在线客服系统,IM系统等 股票价格实时更新 消息的推送服务 游戏中人物位置的实时推送 SignalR ...

  3. SignalR快速入门 ~ 仿QQ即时聊天，消息推送，单聊，群聊，多群公聊（基础=》提升）

     SignalR快速入门 ~ 仿QQ即时聊天,消息推送,单聊,群聊,多群公聊(基础=>提升,5个Demo贯彻全篇,感兴趣的玩才是真的学) 官方demo:http://www.asp.net/si ...

  4. 基于SignalR的消息推送与二维码描登录实现

    1 概要说明 使用微信扫描登录相信大家都不会陌生吧,二维码与手机结合产生了不同应用场景,基于二维码的应用更是比较广泛.为了满足ios.android客户端与web短信平台的结合,特开发了基于Singl ...

  5. C# BS消息推送 SignalR介绍（一）

    1. 前言 本文是根据网上前人的总结得出的. 环境: SignalR2.x,VS2015,Win10 介绍 1)SignalR能用来持久客户端与服务端的连接,让我们便于开发一些实时的应用,例如聊天室在 ...

  6. C# BS消息推送 SignalR Hubs环境搭建与开发（二）

    1. 前言 本文是根据网上前人的总结得出的. 环境: SignalR2.x,VS2015,Win10 2. 开始开发 1)新建一个MVC项目,叫做SignalRDemo 2)安装SignalR包 In ...

  7. Asp.net SignalR 实现服务端消息推送到Web端

              之前的文章介绍过Asp.net SignalR,  ASP .NET SignalR是一个ASP .NET 下的类库,可以在ASP .NET 的Web项目中实现实时通信.  今天我 ...

  8. AngularJS+ASP.NET MVC+SignalR实现消息推送

    原文:AngularJS+ASP.NET MVC+SignalR实现消息推送 背景 OA管理系统中,员工提交申请单,消息实时通知到相关人员及时进行审批,审批之后将结果推送给用户. 技术选择 最开始发现 ...

  9. SignalR Self Host+MVC等多端消息推送服务(1)

    一.概述 由于项目需要,最近公司项目里有个模块功能,需要使用到即时获得审批通知:原本的设计方案是使用ajax对服务器进行定时轮询查询,刚刚开始数据量和使用量不大的时候还好,后来使用量的增加和系统中各种 ...

随机推荐

  1. Vue-自带vue-resource插件实现http请求

    安装 本地环境安装路由插件vue-resource:    cnpm install vue-resource --save-dev *没有安装淘宝镜像的可以将 cnpm 替换成 npm 想要安装的可 ...

  2. .NET中的线程与异步（笔记）

    翻出了之前记录的笔记,基本涵盖了.NET中线程和异步的相关概念.可以提供一个学习的方向. 线程类型 工作者线程IO线程 线程池 全局队列(QueueUserWorkItem.Timer总是放入全局)本 ...

  3. 组Json以及拆分Json

    例子: 组Json串: procedure TForm8.Button4Click(Sender: TObject); var i: Integer; jfields, jitems, jo: ISu ...

  4. AWS 认证攻略（SA）

    很高兴经过一个多月的努力顺利pass了自己的SA认证,同事说证都是虚的,不过考个证也算是对自己实力的认可吧,博主第一次写博文,先简单的写一些认证的攻略吧 1.博主11月正式入职云服务提供商,领导要求每 ...

  5. 解决Android Studio 3.0导入module依赖后unable to merge index

    解决Android Studio 3.0导入module依赖后unable to merge index 项目需要使用im, 在项目里导入了腾讯im的几个module依赖, 项目无法编译, 报错una ...

  6. TypeScript入门知识三（函数新特性）

    一,Rest and Spread操作符: 用来声明任意数量的方法参数也就是"..."操作符 输出结果: 18 jajj 89 function test (a, b, c) { ...

  7. Angular：Reactive Form的使用方法和自定义验证器

    本文将介绍Angular(Angular2+)中Reactive Form的有关内容,包括: Reactive Form创建方法 如何使用验证 自定义验证器 下面开始进入正文! Reactive Fo ...

  8. Java基于自定义注解的面向切面的实现

    目的:实现在任何想要切的地方添加一个注解就能实现面向切面编程 自定义注解类 @Target({ElementType.PARAMETER, ElementType.METHOD}) @Retentio ...

  9. Unity中List的随机排序（乱序）

    为什么要给List排序做一个Unity限定条件呢 首先,是C#中的List泛型,若是Java,直接调用Collection.shuffle()就OK了 而Unity的C#版本较低,不能使用Random ...

  10. phpstorm激活码生成器地址

    http://idea.qinxi1992.cn/ 写在windows/system32/drivers/etc/hosts里 0.0.0.0 account.jetbrains.com 激活码位置: ...