關於.net core 中的signalR組件的使用

来源:https://www.cnblogs.com/lvshunbin/archive/2019/10/04/11622758.html
-Advertisement-
Play Games

SignalR是為了提供更方便的web交互響應式到推送式的解決方案。有了它之後可以實現客戶端直接調用服務端的方法並且獲得返回值 (客戶端可以是各種平臺,目前SignalR支持的語言版本有C#、java、javaScript、nodejs等),服務端也是可以調用客戶端的方法,通過這樣的方式實現了由原來 ...


SignalR是為了提供更方便的web交互響應式到推送式的解決方案。有了它之後可以實現客戶端直接調用服務端的方法並且獲得返回值 (客戶端可以是各種平臺,目前SignalR支持的語言版本有C#、java、javaScript、nodejs等),服務端也是可以調用客戶端的方法,通過這樣的方式實現了由原來的單通變成雙通的目的。

在SignalR中有個非常重要的概念就是Hub,這個Hub如果拿到以前的MVC架構中所對應的就是控制器,他們的區別就是我們需要自己去註冊這個Hub的路由,而控制器是可以基於約定的。

首先創建一個Hub

 public class NewsPushHub:Hub
    {

    }

  這是一個新聞推送的Hub,它必須要繼承至Hub這個基類,Hub這個基類還可以接收一個泛型的實現,這個泛型可以用來規範客戶端的方法

  public class NewsPushHub : Hub<IClientFuncs>
    {
        /// <summary>
        /// 可以被客戶端調用的方法
        /// </summary>
        /// <param name="msg"></param>
        /// <returns></returns>
        public async Task DepartmentNotice(string msg)
        {
            //這裡發送只能是介面中約束的方法
            await Clients.All.SendMsg( msg);
        }
    }
    /// <summary>
    /// 定義客戶端所監聽的方法名稱
    /// </summary>
    public interface IClientFuncs
    {
        Task SendMsg(string msg);
    }

  

這裡面寫的兩個方法是可以被客戶端直接調用的,但是在被調用之前首先要註冊,在Core3.0之前 我們是用app.UseSignalR(hub=>hub.MapHub<NewsPushHub>("/SignalRNews"))來註冊SignalR的訪問路由,現在改成全部統一在app.UseEndpoints()這個擴展方法中去註冊,現在在Startup類的代碼就像這樣了
 
    public class Startup
    {
        public void ConfigureServices(IServiceCollection services)
        {
            services.AddControllersWithViews();
            services.AddSignalR();
        }
        public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
        {
            if (env.IsDevelopment())
            {
                app.UseDeveloperExceptionPage();
            }

            app.UseRouting();
            app.UseEndpoints(endpoints =>
            {
                endpoints.MapHub<NewsPushHub>("/SignalRNews");
                endpoints.MapControllerRoute("default", "{controller=Home}/{action=Index}/{id?}");
            }); 
          
        }

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

//創建一個匹配 http:localhost:5000/SignalRNews路由的連接
const connection = new signalR.HubConnectionBuilder()
    .withUrl("/SignalRNews")
    .configureLogging(signalR.LogLevel.Information)
    .build();
// 開始連接,這個時候會發送一個101狀態為pending的連接
connection.start().then(function () {
    console.log("connected");
});
// 監聽服務端調用的客戶端方法
connection.on("sendMsg", (msg) => {
    $(".dispaly-message").append(`<p>${msg}</p>`);
});

$("#submit").click(e => {
    const msg = $("#msg").val();
    // 調用服務端的DepartmentNotice方法
    connection.invoke("DepartmentNotice", msg).then(() => {
        console.log("消息發送完成");
    });
})

  

 

 

 

 上面是最終的結果 可以看出實現了不同客戶端之間的消息互通  

其實Signalr還可以有依賴註入的用法例如在控制器裡面註入 然後直接在MVC中隨意推送消息

 

  public class HomeController:Controller
    {
        private readonly IHubContext<NewsPushHub> _hub;

        public HomeController(IHubContext<NewsPushHub> hub)
        {
            this._hub = hub;
        }
        public IActionResult Index()
        {
            _hub.Clients.All.SendAsync("Temp", "test");
            return View();
        }
       
       
    }

  從上面代碼中看的出在Home控制器中註入了NewsPushHub這個Hub 只要有一個客戶端訪問Index界面就會通知所有的客戶端

總結:SignalR把原來複雜低效率的雙通編程變得簡單,Siganlr只要是支持3中模式進行客戶端和服務端的連接(1、長輪詢模式  2、伺服器發送事件  3、websocket)最高效的當然是websocket 但是某一些瀏覽器是不支持的;

以上代碼的demo地址


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • windows方式: 1.打開任意文件夾,在上方地址欄中輸入%appdata% 2.在此目錄里新建文件夾pip 3.在pip文件夾里新建文件名:pip.ini 4.把以下內容複製到pip.ini中,保存即可。 [global] timeout = 6000 index-url = https://m ...
  • 一.報錯信息 二.解決辦法 方法一: 在配置文件中配置 方法二.在提交信息中加上csrf_token: 頁面form框中設置 如果是ajax提交的話 在data中加上 三.奇怪現象肯能與django中中間件有衝突 django中間件 如果在中間件中把 註釋掉你用方法二的時候也會報錯,只有方法一能正常 ...
  • 併發隊列: 在併發隊列中,JDK有兩套實現: ConcurrentLinkedQueue:非阻塞式隊列 BlockingQueue:阻塞式隊列 阻塞式隊列非阻塞式隊列的區別: 阻塞式隊列入列操作的時候,如果超出隊列總數,這個時候會進行等待;在出列的時候,如果隊列為空,也會等待 非阻塞無論如何都不等待 ...
  • 開發:開發語言: 1.高級語言:Python Java、PHP C# Go ruby C++... 》 位元組碼 2.低級語言:C、彙編 》 機器碼語言之間的對比: 1.PHP類:適用於寫網頁,局限性 2.Python Java: 及可以寫網頁 也可以寫後臺功能 Python執行效率低,開發效率高 J ...
  • #include<stdio.h>#include<stdlib.h>#define MAX 100 typedef struct bNode{ double no; char name[MAX]; double price; struct bNode * next;}bNode,*bLnode; ...
  • 將數字以字元串輸出函數repr(): temp = 42 print = "Hello," + repr(temp) 註:在python3.0以前可使用反引號``實現,但之後便不再支持,如: 註:還可以使用str()實現,原理就是數值類型轉換。函數str() 用於將值轉化為適於人閱讀的形式,而rep ...
  • java當中JDBC當中請給出一個SQLServer DataSource and SingleTon例子 ...
  • 前言 上一章介紹了Docker通過多條命令創建啟動運行Docker容器,由此可見這樣一個個去創建單獨的容器也是相當麻煩的,比如要在某個複雜項目中用DB、緩存、消息等等,這樣我們還要去一個個再創建,為此這時候需要用上我們三劍客中的一員大將自動擋的( DockerCompose ). Compose 是 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...