SignalR是一個ASP.Net手藝,在WebSocket上面供給了一個簡單的抽象。利用SignalR可以建立單頁面程序。本文本家兒要介紹下在ASP.Net core框架下建立SignalR頁面程序。
建立 Web 項目.打開VS項目,這里我還以本身的XC項目為例,新建 一個Web項目,如下所示,選擇Web-》ASP.Net Core Web程序。
選擇“.NET Core”方針框架,選擇“ASP.NET Core 2.1”,因為我安裝的是VS2017而且,默認的最高.Net Core版本為2.1,所以這里以2.1作為選擇。
添加 SignalR 客戶端庫。選擇項目右鍵“添加客戶端庫”,如下所示,在彈出的選擇項中,選擇“供給程序”:“unpkg”,0“庫”:輸入 @aspnet/signalr@1,選擇最高的版本不變版本。然后文件選擇SignalR.js和SignalR.min.js.
建立 SignalR 中間.新建一個Hub文件夾,在Hub文件夾下面新建類“ChatHub”,輸入一下代碼,如下所示。這個是SignalR 中間,用來輸出動靜。
設置裝備擺設 SignalR。在StartUp類里面設置裝備擺設SignalR,本家兒如果設置裝備擺設services和Config,如下所示,添加以下代碼即可。
添加 SignalR 客戶端代碼,在Index頁面,替代一下代碼,用來顯示測試程序。如下所示。
添加JS代碼。新建一個chat.js。編寫以下劇本,實現標的目的中間發送動靜的處置的函數以及用于領受從中間領受動靜并將其添加到列表的處置過程。
編纂完當作后,調試程序,如下所示,該頁面,輸入用戶,動靜點擊發送,可以發送相關的動靜。并顯示出來。
0 篇文章
如果覺得我的文章對您有用,請隨意打賞。你的支持將鼓勵我繼續創作!