在 Asp.net SignalR 讓實時通訊變得簡單 中思明分享了一個直接寄宿到IIS上的SignalR,SignalR同時也可以宿主在任何應用程式,包括控制台,客戶端程式和Windows服務等,另外還支持Mono,這意味著它可以實現跨平臺部署在Linux環境下。 在我參考的博文 [Asp.net ...
在 Asp.net SignalR 讓實時通訊變得簡單 中思明分享了一個直接寄宿到IIS上的SignalR,SignalR同時也可以宿主在任何應用程式,包括控制台,客戶端程式和Windows服務等,另外還支持Mono,這意味著它可以實現跨平臺部署在Linux環境下。
在我參考的博文 [Asp.net 開發系列之SignalR篇]專題一:Asp.net SignalR快速入門 中第四條 在桌面程式中如何使用Asp.net SignalR,就是把SignalR寄宿在WPF客戶端中,我已經親自體驗過了,挺好用的;大家有想瞭解的可以去研究下。今天我在這裡就和大家分享一下直接把SignalR寄宿到控制臺中。
1、新建一個控制台應用程式
2、右擊先建好的項目---> 選擇管理NuGet程式包-->搜索 Microsoft.Owin.Cors 並安裝-->搜索 Microsoft.AspNet.SignalR.SelfHost 並安裝
待安裝好Microsoft.AspNet.SignalR.SelfHost 後VS中會自動彈出readme.txt如下。裡面詳細介紹瞭如何把SignalR寄宿到控制臺上的操作。
3、我們可以按照readme.txt中的講解。修改Program.cs如下:
using Microsoft.AspNet.SignalR; using Microsoft.Owin.Cors; using Microsoft.Owin.Hosting; using Owin; using System; namespace SelfSignalRSvc2._0 { public class Program { static void Main(string[] args) { // This will *ONLY* bind to localhost, if you want to bind to all addresses // use http://*:8080 or http://+:8080 to bind to all addresses. // See http://msdn.microsoft.com/en-us/library/system.net.httplistener.aspx // for more information. using (WebApp.Start<Startup>("http://localhost:118/")) { Console.WriteLine("Server running at http://localhost:118/"); Console.ReadLine(); } } } public class Startup { public void Configuration(IAppBuilder app) { app.Map("/signalr", map => { // Setup the cors middleware to run before SignalR. // By default this will allow all origins. You can // configure the set of origins and/or http verbs by // providing a cors options with a different policy. map.UseCors(CorsOptions.AllowAll); var hubConfiguration = new HubConfiguration { // You can enable JSONP by uncommenting line below. // JSONP requests are insecure but some older browsers (and some // versions of IE) require JSONP to work cross domain // EnableJSONP = true }; // Run the SignalR pipeline. We're not using MapSignalR // since this branch is already runs under the "/signalr" // path. map.RunSignalR(hubConfiguration); }); } } }
然後直接新建一個類ChatHub,繼承Hub,並實現如下代碼
using Microsoft.AspNet.SignalR; using System; using System.Diagnostics; using System.Threading.Tasks; namespace SelfSignalRSvc { public class ChatHub : Hub { /// <summary> /// 供客戶端調用的伺服器端代碼 /// </summary> /// <param name="message"></param> public void Send(string message) { var name = Context.ConnectionId; // 調用所有客戶端的sendMessage方法 Clients.All.sendMessage(name, message); } /// <summary> /// 客戶端連接的時候調用 /// </summary> /// <returns></returns> public override Task OnConnected() { Trace.WriteLine("客戶端連接成功:" + Context.ConnectionId); return base.OnConnected(); } } }
4、按照上面的操作,我們已經完成了腳本服務的開發。直接運行VS,控制台啟動成功
5、下麵我們需要新建一個html代碼來驗證腳本是否可用。
記得引用 jquery-1.10.2.js 和 jquery.signalR-2.2.2.min.js 同時修改腳本所在鏈接 http://localhost:118/signalr/hubs 和
需要指定寄宿的服務地址 $.connection.hub.url = 'http://localhost:118/signalr';
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>測試控制台程式是否可用</title> </head> <body> <h2>Chat</h2> <div class="container"> <input type="text" id="message" /> <input type="button" id="sendmessage" value="Send" /> <input type="hidden" id="displayname" /> <ul id="discussion"></ul> </div> <script src="jquery-1.10.2.js"></script> <!--引用SignalR庫. --> <script src="jquery.signalR-2.2.2.min.js"></script> <!--引用自動生成的SignalR 集線器(Hub)腳本.在運行的時候在瀏覽器的Source下可看到 --> <script src="http://localhost:118/signalr/hubs"></script> <script> $(function () { // 1、引用自動生成的集線器代理 需要指定寄宿的服務地址 $.connection.hub.url = 'http://localhost:118/signalr'; var chat = $.connection.chatHub; // 2、開始連接伺服器 done函數表明建立連接成功後為發送按鈕註冊了一個click事件 $.connection.hub.start().done(function () { $('#sendmessage').click(function () { // 調用伺服器端集線器的Send方法 也要小寫開頭 chat.server.send($('#message').val()); // 清空輸入框信息並獲取焦點 $('#message').val('').focus(); }); }); // 3、定義伺服器端調用的客戶端sendMessage來顯示新消息 chat.client.sendMessage = function (name, message) { // 向頁面添加消息 $('#discussion').append('<li><strong>' + htmlEncode(name) + '</strong>: ' + htmlEncode(message) + '</li>'); }; // 設置焦點到輸入框 $('#message').focus(); }); // 為顯示的消息進行Html編碼 function htmlEncode(value) { var encodedValue = $('<div />').text(value).html(); return encodedValue; } </script> </body> </html>
直接運行網址html頁面 ,打開多個網頁,都可以收到相同的消息。。如下:
通過把 signalR寄宿到WPF客戶端已經控制台程式的操作,發現兩者實現都是差不多的。所以在實際使用時大家可以根據自己具體的需求選擇更適合自己的實現方式。
碼字不容易,轉載請註明出處