ASP.NET Core SignalR系列之Hub教程

简介: ASP.NET Core SignalR系列之Hub教程

本文内容


什么是 SignalR 中心

                    配置 SignalR

                   创建和使用SignalR

                   向客户端发送消息

                   强类型中心



1. SignalR 中心


利用SignalR,你可以从服务端对链接的客户端调用方法。在服务端定义客户端调用的方法;在客户端定义服务的需要调用的方法。SignalR负责使实时的客户端到服务端和服务端到客户端的通信成为可能。


2. 配置 SignalR



SignalR中间件需要一些服务,这些服务通过调用services.AddSignalR进行在Startup的ConfigureServices进行注册配置

public void ConfigureServices(IServiceCollection services)
{
  services.Configure<CookiePolicyOptions>(options =>
  {
    // This lambda determines whether user consent for non-essential cookies is needed for a given request.
    options.CheckConsentNeeded = context => true;
    options.MinimumSameSitePolicy = SameSiteMode.None;
  });
  services.AddMvc().SetCompatibilityVersion(CompatibilityVersion.Version_2_1);
  services.AddCors(options => options.AddPolicy("CorsPolicy",
   builder =>
   {
     builder.AllowAnyMethod().AllowAnyHeader()
        .WithOrigins("http://localhost:51617")
        .AllowCredentials();
   }));
  services.AddSignalR();//注册SignalR服务
}


将 SignalR 功能添加到 ASP.NET Core 应用程序时,请在 Startup.Configure 方法中调用 app.UseSignalR 来设置 SignalR 路由。

public void Configure(IApplicationBuilder app, IHostingEnvironment env)
{
  if (env.IsDevelopment())
  {
    app.UseDeveloperExceptionPage();
  }
  else
  {
    app.UseExceptionHandler("/Error");
  }
  app.UseStaticFiles();
  app.UseCookiePolicy();
  app.UseSignalR(routes =>
  {
    routes.MapHub<StronglyTypedChatHub>("/chatHub");
  });
  app.UseCors("CorsPolicy");
  app.UseMvc();
}


3.创建和使用SignalR

public class ChatHub : Hub
{
    public Task SendMessage(string user, string message)
    {
        return Clients.All.SendAsync("ReceiveMessage", user, message);
    }
}


您可以指定返回类型和参数(包括复杂类型和数组),就像在任何C#方法中一样。 SignalR 处理参数和返回值中的复杂对象和数组的序列化和反序列化。


注:


      中心是暂时性的:


             不要将状态存储在 hub 类的属性中。 每个中心方法调用在新的中心实例上执行。


             调用依赖于中心保持活动状态的异步方法时,请使用 await。 例如,如果在没有 await 的情况下调用,则方法(如 Clients.All.SendAsync(...))可能会失败。


例如:在 ChatHub中添加一个列表_ ConnectionId, 用与获取由 SignalR分配的连接的唯一 ID。 每个连接都有一个连接 ID。

public class ChatHub : Hub
{
        public static List<string> _connectionId = new List<string>();
        public  Task SendMessage(string user, string message)
        {
            _connectionId.Add(Context.ConnectionId);
           return  Clients.All.SendAsync("ReceiveMessage", user, message, string.Join("#",_connectionId));
        }
}


20200105160443105.png

从图中我们发现_connectionId中存储的个数永远都只有一个就是当前点击客户端的ConnectionId这是由于 每个中心方法调用在新的中心实例上执行

 

如果创建一个静态类:

public static class staticClass
{
        public static List<string> connectionId = new List<string>();
}


public class ChatHub : Hub
{
  public  Task SendMessage(string user, string message)
  {
    staticClass.connectionId.Add(Context.ConnectionId);
    if (staticClass.connectionId.Count >1)
    {
      ///随机生成索引
      Random r1 = new Random();
      int index = r1.Next(0, staticClass.connectionId.Count);
      return Clients.Client(staticClass.connectionId[index]).SendAsync("ReceiveMessage", user, message, Context.ConnectionId, Context.UserIdentifier);
    }
    else
    {
      return Clients.All.SendAsync("ReceiveMessage", user, message, Context.ConnectionId, Context.UserIdentifier);
    }
  }
}


重新运行程序,获得结果:

4.强类型中心


优点:强类型的Hub可以避免魔法函数名,相比弱类型更容易维护和发现问题,直接上代码

缺点:代码编写多

具体步骤:


1.使用 Hub强键入 Hub 代替SendAsync 方法 。


服务器端链接客户端调用的方法将提取到 IChatClient接口中,实际上就是将ChatHub中使用字符串调用客户端方法,抽象为接口。

public interface IChatClient
{
    Task ReceiveMessage(string user, string message);
}



2.实现接口重构前面的 ChatHub 示例

 public class StronglyTypedChatHub: Hub<IChatClient>
    {
        public async Task SendMessage(string user, string message)
        {
            staticClass.connectionId.Add(Context.ConnectionId);
            if (staticClass.connectionId.Count > 1)
            {
                ///随机生成索引
                Random r1 = new Random();
                int index = r1.Next(0, staticClass.connectionId.Count);
                await Clients.Client(staticClass.connectionId[index]).ReceiveMessage( user, message, Context.ConnectionId);
            }
            else
            {
                await Clients.All.ReceiveMessage( user, message, Context.ConnectionId);
            }
        }
    }


3.将Configur中的路由

原来的

app.UseSignalR(route =>
{
  route.MapHub<StronglyTypedChatHub>("/chathub");
});



变为:

app.UseSignalR(route =>
{
    route.MapHub<StronglyTypedChatHub>("/chathub");
});


目录
相关文章
|
18天前
|
数据可视化 网络协议 C#
C#/.NET/.NET Core优秀项目和框架2024年3月简报
公众号每月定期推广和分享的C#/.NET/.NET Core优秀项目和框架(每周至少会推荐两个优秀的项目和框架当然节假日除外),公众号推文中有项目和框架的介绍、功能特点、使用方式以及部分功能截图等(打不开或者打开GitHub很慢的同学可以优先查看公众号推文,文末一定会附带项目和框架源码地址)。注意:排名不分先后,都是十分优秀的开源项目和框架,每周定期更新分享(欢迎关注公众号:追逐时光者,第一时间获取每周精选分享资讯🔔)。
|
3月前
|
开发框架 前端开发 JavaScript
盘点72个ASP.NET Core源码Net爱好者不容错过
盘点72个ASP.NET Core源码Net爱好者不容错过
72 0
|
3月前
|
开发框架 .NET
ASP.NET Core NET7 增加session的方法
ASP.NET Core NET7 增加session的方法
37 0
|
3月前
|
开发框架 JavaScript .NET
ASP.NET Core的超级大BUG
ASP.NET Core的超级大BUG
43 0
|
1月前
|
开发框架 .NET 物联网
.NET从入门到精通,零基础也能搞定的基础知识教程
.NET从入门到精通,零基础也能搞定的基础知识教程
22 0
|
1月前
|
开发框架 人工智能 .NET
C#/.NET/.NET Core拾遗补漏合集(持续更新)
C#/.NET/.NET Core拾遗补漏合集(持续更新)
|
1月前
|
开发框架 中间件 .NET
C# .NET面试系列七:ASP.NET Core
## 第一部分:ASP.NET Core #### 1. 如何在 controller 中注入 service? 在.NET中,在ASP.NET Core应用程序中的Controller中注入服务通常使用<u>依赖注入(Dependency Injection)</u>来实现。以下是一些步骤,说明如何在Controller中注入服务: 1、创建服务 首先,确保你已经在应用程序中注册了服务。这通常在Startup.cs文件的ConfigureServices方法中完成。例如: ```c# services.AddScoped<IMyService, MyService>(); //
65 0
|
2月前
|
开发框架 前端开发 .NET
福利来袭,.NET Core开发5大案例,30w字PDF文档大放送!!!
为了便于大家查找,特将之前开发的.Net Core相关的五大案例整理成文,共计440页,32w字,免费提供给大家,文章底部有PDF下载链接。
36 1
福利来袭,.NET Core开发5大案例,30w字PDF文档大放送!!!
|
2月前
|
算法 BI API
C#/.NET/.NET Core优秀项目和框架2024年1月简报
C#/.NET/.NET Core优秀项目和框架2024年1月简报
|
3月前
|
开发框架 前端开发 .NET
ASP.NET CORE 3.1 MVC“指定的网络名不再可用\企图在不存在的网络连接上进行操作”的问题解决过程
ASP.NET CORE 3.1 MVC“指定的网络名不再可用\企图在不存在的网络连接上进行操作”的问题解决过程
42 0