2016年3月23日 星期三

建立SignalR網站

  1. 開啟VS2013,建立Web專案,選取MVC,變更驗證選不驗證。
  2. 開啟套件管理員執行Install-package Microsoft AspNet.SignalR  。
    • 注意安裝完的readme.txt,會說明修改的部分 
    • Scripts多出jquery.signalR-2.2.0.js,參考多出 Microsoft.AspNet.SignalR.Code及 Microsoft.AspNet.SignalR.SystemWeb 
  3. 新增一個資料夾名為Hubs
    • 在此資料夾新增一個項目選取SignalR Hub類別,取名為ChatHub.cs
    • 建完後將程式碼改成如下
  4. 新增一個Startup.cs的類別檔
    • 程式碼如下
  5. 開啟Controllers/HomeController.cs
    • 增加以下程式碼
  6. 在Chat上按右鍵,新增一個View
    • 程式碼如下
  7. 執行起來,用兩個瀏覽器開啟,一開始會先輸入使用者,接著看兩邊的訊息是否會互通。

參考來源: Getting Started with SignalR 2 and MVC 5

沒有留言 :

張貼留言