SignalR 建立RealTime 的頁面

步驟1: 透過Nuget 安裝SignalR

步驟2: 在startup.cs 加上設定

public partial class Startup     {         public void Configuration(IAppBuilder app)         {             //ConfigureAuth(app);             app.MapSignalR();         }     }

步驟3: 如果在MVC的架構下，建議增加Hubs資料夾，新增Signal的hub類別

public class TimeQuery : Hub     {         static string messageToSend = DateTime.Now.ToString();         Timer t = new Timer(3000); //每間隔3秒鐘         public void StartTimer()         {           //開始啟動Timmer             t.Elapsed += t_Elapsed;             t.Start();         }         private void t_Elapsed(object sender, ElapsedEventArgs e)         {           //呼叫server 端             Clients.All.addMessage("Date time  : " + messageToSend);             messageToSend = DateTime.Now.ToString();         }     }

  PS: 這裡的Timer 的引用using System.Timers;

  _Layout.html 引用以下的javaScript

<script src="~/Scripts/jquery.signalR-2.2.0.min.js"></script> <script src="~/signalr/hubs" type="text/javascript"></script>

  Angular呼叫SignalR

<div ng-controller="winformNotify"  ng-model= " servFileModel">     時鐘<div id="messages"></div> </div> <script>     var app = angular.module("servFileModel", []);     app.controller("winformNotify", function ($scope) { //呼叫server 端的hub的類別名稱 (不論類別名稱是大小寫，呼叫開頭一律小寫)     var timeQuery = $.connection.timeQuery;     timeQuery.client.addMessage = function (message) {     $('#messages').empty();     $('#messages').append( message );      };      $.connection.hub.start().done(function () {          timeQuery.server.startTimer();      });   }); </script>

參考文獻

1.    http://wbsimms.com/signalr-hub-demo-site/  (有下戴範例… 感謝外國朋友提供 )