熱門文章 (Popular Post)

顯示具有 SignalR 標籤的文章。 顯示所有文章

By :

什麼是 SignalR ?

有關於即時連線技術,無論在輪詢、長輪詢 或 WebSocket..等,持續連線所造成伺服器消耗與技術進入門檻常常讓工程師們感到苦惱。直至數年前 SignalR 的釋出,讓許多 .NET 開發人員相當興奮:它大幅低開發人員降進入即時技術門檻。至今,SignalR 成為受歡迎的即時連線技術其中之一,也在 Azure 上提供 SignalR 服務。

SignalR 主要提供一組 API,實作伺服器與瀏覽器之間的遠端程序呼叫。伺服器端是以 .NET 進行開發,而瀏覽器端是以 JavaScripts 為主。它會依據目前連線的瀏覽器,建立 長輪詢 或 WebScoket 連線,開發人員不需要對這塊進行處理,只需要處理邏輯部分即可。
SignalR  可能為「 ASP.NET SignalR」與「ASP.NET Core SignalR」
這篇文章撰寫時 ,Azure SignalR Service 目前只支援  ASP.NET Core SignalR


By :

前言:

因為公司某個專案,為了達到即時更新資料,開始研究SignalR。
這個專案使用long polling方法,每隔一段時間向WebAPI Server要求資料,無法
達到前端、後端更改資料後,即時真正即時更新的需求,故改用SignalR套件,
來實作即時更新 (real time is so cool ! )。

(但實際效益與伺服器的負載量還需要再深入研究)


這個功能在專案上已經實作完畢,在開始實作前,我有找些教學影片與網站,
自己嘗試連接SignalR的服務,作成一個範例,這篇就是整個範例的實作過程,
除了記錄下來給未來的自己複習,也分享大家參考。

(若有說明或觀念錯誤,歡迎指導)

本篇文章同步發布於個人的blogger與點部落,文章最後有提供範例下載。
文長謹慎。


實作:

實作可以分成三段(可點超連結):
  1. 後端專案設定:SignalR相關設定,包含解決 cross domain 問題
  2. 前端專案設定:JQuery + AngluarJS 使用與設定
  3. 結果呈現:SiganlR成果呈現與範例專案下載

後端專案設定

Step 1首先我們先開啟新專案,選擇ASP .NET MVC 4 Web Application
          專案名稱為 SignalRDemo
          File => New Project => ASP .NET MVC 4 Web Application
          Name is SignalRDemo

- Copyright © Duran Hsieh @ Duran 的技術冶煉廠 - Date A Live - Powered by Blogger - Designed by Johanes Djogan -