SignalR旨在提供更方便的web交互響應(yīng)型推送解決方案。

有了它之后可以實(shí)現(xiàn)客戶端直接調(diào)用服務(wù)端的方法并且獲得返回值 (客戶端可以是各種平臺(tái)，目前SignalR支持的語(yǔ)言版本有C#、java、javaScript、nodejs等)，服務(wù)端也是可以調(diào)用客戶端的方法，通過(guò)這樣的方式實(shí)現(xiàn)了由原來(lái)的單通變成雙通的目的。

在SignalR中有個(gè)非常重要的概念就是hub，這個(gè)Hub如果拿到以前的MVC架構(gòu)中所對(duì)應(yīng)的就是控制器，他們的區(qū)別就是我們需要自己去注冊(cè)這個(gè)Hub的路由，而控制器是可以基于約定的。

首先創(chuàng)建一個(gè)Hub

public class NewsPushHub:Hub

{

}

這是一個(gè)新聞推送的Hub，它必須要繼承至Hub這個(gè)基類，Hub這個(gè)基類還可以接收一個(gè)泛型的實(shí)現(xiàn),這個(gè)泛型可以用來(lái)規(guī)范客戶端的方法

public class NewsPushHub : Hub<IClientFuncs>

{

/// <summary>

/// 可以被客戶端調(diào)用的方法

/// </summary>

/// <param name="msg"></param>

/// <returns></returns>

public async Task DepartmentNotice(string msg)

{

//這里發(fā)送只能是接口中約束的方法

await Clien( msg);

}

}

/// <summary>

/// 定義客戶端所監(jiān)聽(tīng)的方法名稱

/// </summary>

public interface IClientFuncs

{

Task SendMsg(string msg);

}

這里面寫的兩個(gè)方法是可以被客戶端直接調(diào)用的，但是在被調(diào)用之前首先要注冊(cè)，在Core3.0之前 我們是用a(hub=>;NewsPushHub>("/SignalRNews"))來(lái)注冊(cè)SignalR的訪問(wèn)路由，現(xiàn)在改成全部統(tǒng)一在a()這個(gè)擴(kuò)展方法中去注冊(cè)，現(xiàn)在在Startup類的代碼就像這樣了

public class Startup

{

public void Configureservices(IServiceCollection services)

{

();

();

}

public void Configure(IApplicationBuilder app, IWebHostEnvironment env)

{

if ())

{

a();

}

a();

a(endpoints =>

{

end;NewsPushHub>("/SignalRNews");

end("default", "{controller=Home}/{action=Index}/{id?}");

});

}

在這個(gè)里面我配置了包含MVC的中間件和依賴注入，在3.0中MVC的中間件和依賴注入都變了 變得更加具體，路由設(shè)置也變得統(tǒng)一在UseEndpoints()這個(gè)方法里面，它里面的委托是一個(gè)IEndpointRouteBuilder的參數(shù)，我們通過(guò)這個(gè)參數(shù)可以映射各種路由配置，有非常多的map，在這里配置MVC的目的是為了和SignalR交互的。下面是客戶端的js代碼首先需要安裝aspnet-signalr

//創(chuàng)建一個(gè)匹配 http:localhost:5000/SignalRNews路由的連接

const connection = new ()

.withUrl("/SignalRNews")

.configureLogging)

.build();

// 開(kāi)始連接，這個(gè)時(shí)候會(huì)發(fā)送一個(gè)101狀態(tài)為pending的連接

connec().then(function () {

con("connected");

});

// 監(jiān)聽(tīng)服務(wù)端調(diào)用的客戶端方法

connec("sendMsg", (msg) => {

$(".dispaly-message").append(`<p>${msg}</p>`);

});

$("#submit").click(e => {

const msg = $("#msg").val();

// 調(diào)用服務(wù)端的DepartmentNotice方法

connec("DepartmentNotice", msg).then(() => {

con("消息發(fā)送完成");

});

})

上面是最終的結(jié)果 可以看出實(shí)現(xiàn)了不同客戶端之間的消息互通

其實(shí)Signalr還可以有依賴注入的用法例如在控制器里面注入 然后直接在MVC中隨意推送消息

public class HomeController:Controller

{

private readonly IHubContext<NewsPushHub> _hub;

public HomeController(IHubContext<NewsPushHub> hub)

{

= hub;

}

public IActionResult Index()

{

_("Temp", "test");

return View();

}

}

從上面代碼中看的出在Home控制器中注入了NewsPushHub這個(gè)Hub 只要有一個(gè)客戶端訪問(wèn)Index界面就會(huì)通知所有的客戶端

總結(jié)：SignalR把原來(lái)復(fù)雜低效率的雙通編程變得簡(jiǎn)單，Siganlr只要是支持3中模式進(jìn)行客戶端和服務(wù)端的連接（1、長(zhǎng)輪詢模式 2、服務(wù)器發(fā)送事件 3、websocket）最高效的當(dāng)然是websocket 但是某一些瀏覽器是不支持的；

代碼地址：

原文地址：