SignalR 強化您的網站應用(一) － 導入

    首先推薦請先閱讀這份Blog SignalR 來達成電腦網頁與手機網頁即時互動文章，裡頭除了介紹SignalR的功用外，還有相當完整的範例檔可供下載，建議第一次想嘗試SignalR的魔力的讀者，可以抓回家試試，這份Blog文章也是我對SignalR的啟蒙之師。

    在看完前段提供的連結內容，以及其範例後，是不是也想開始動手撰寫呢？如果是，有幾點事項可能要注意一下，該頁文章是2012年，當時SignalR的版本還在1.0.0，目前(2014初)已經是2.0以上版本，因此若您使用NuGet去取得SignalR套件的話，會取到2.0(以後)的版本，2.0和1.0的初始配置有些許不同 請參考 SignalR1.x To 2.0，若您的Visual Studio版本在2012(.NET4.5)以上，建議您直接使用2.0(含以後)版本，否則您就必須從NuGet上下載特定SignalR版本

例如：

Install-Package Microsoft.AspNet.SignalR -version 1.1.3

    如果不清楚NuGet下載功能，可造訪此NuGet系列-安裝特定版本Package

    安裝完成後，首先應該會跳出一份文件檔，請不要直接將它關閉，上面有指示各種不同環境下的導入方式，在這邊要注意的是，Javascript腳本在引用時的順序性，SignalR的腳本檔有兩個主要的部份，一個是腳本的本體，依照您的版本，可能是jquery.signalR-x.x.x.js，另一個則是hubs(~/signalr/hubs)，hubs的腳本來自於您所在後端程式碼中所建立並繼承Hub的物件，這些Hub物件會使用者點開網頁時，將其集中的內容送至~/signalr/hubs這個相對目錄下，這個目錄是虛擬的，所以您不需要在本機專案或網站上建立signalr/hubs這個位址。

   在引用腳本時的順序：Jquery.js ->signalR.js->signalr/hubs
例如：


    在成功引用之後(包含說明檔的其它步驟)，您可以打開您的測試網頁，建議先使用Chrome，並打開F12(設計模式)，如果在Source底下有看到hubs的路徑代表您成功了。

    您可以開始準備寫第一隻SignalR程式了。

---

與本文相關的附加資訊
展示網頁
附件下載

---