IIS 使用OpenSSL 生成的自簽名證書，然後使用SingalR 客戶端訪問Https 站點通信
阿新 • • 發佈：2019-03-05
需要 center html sys ask proxy 客戶端訪問 The con
使用SignalR 的客戶端去發送消息給使用 https 部署的站點，官方文檔目前並沒有詳細的教程，所以在此記錄下步驟：
使用管理員身份打開cmd 窗口，選擇一個整數保存文件夾的地址，切換到對應的文件夾，然後執行以下步驟：
（一） 生成證書文件
1. openssl genrsa -out test.key 1024
2. openssl req -new -x509 -key test.key -out test.cer -days 365 -subj /CN=10.158.229.20
註：CN=xxx 這裏可以填寫部署網站的域名或者IP地址
3. openssl pkcs12 -export -out test.pfx -inkey test.key -in test.cer
在以上步驟完成之後，生成如下幾個文件， test.cer, test.key, test.pfx：
4. 添加到證書管理的可信任證書節點中區，這一步非常重要，如果不添加，就會導致SignalR無法正常訪問
4.1. 運行-->輸入mmc
4.2. File 中打開證書管理器
4.3. 在可信任根證書的節點右鍵導入證書
以上工作便完成了證書的創建和添加
（二）接下來開始部署IIS 站點：
1. 在IIS 管理其中選擇 服務端證書
2. 選擇導入，找到對應的 .pfx 證書，輸入密碼後，確認導入
3. 在自己的站點綁定對應的 SSL 證書
完成以上工作後，一個https 站點就已經完成
測試Demo:
客戶端：
1 using Microsoft.AspNet.SignalR.Client; 2 using System; 3 using System.Collections.Generic; 4 using System.Linq; 5 using System.Security.Cryptography.X509Certificates;6 using System.Text; 7 using System.Threading.Tasks; 8 9 namespace SignalR_cli 10 { 11 class Program 12 { 13 static HubConnection hubConnection = null; 14 static IHubProxy proxy = null; 15 static void Main(string[] args) 16 { 17 //這裏連接使用OpenSSL 生成的證書部署的 https 站點 18 hubConnection = new HubConnection("https://10.158.229.20:443/"); 19 //var hubConnection = new HubConnection("http://10.158.229.20:8081/"); 20 //請求的時候一定帶上對應站點部署的證書 21 hubConnection.AddClientCertificate(X509Certificate.CreateFromSignedFile(@"E:\cer_demo\myself.cer")); 22 proxy = hubConnection.CreateHubProxy("ChatHub"); 23 hubConnection.Start(); 24 Console.WriteLine((int)hubConnection.State); 25 while (true) 26 { 27 try 28 { 29 Console.WriteLine("Input:"); 30 var msg = Console.ReadLine(); 31 Go(msg);//異步發送消息就好了 32 } 33 catch (Exception e) 34 { 35 Console.WriteLine(e.Message); 36 } 37 } 38 } 39 static async Task Go(string msg) 40 { 41 await proxy.Invoke("Send", "userCenter", msg); 42 } 43 } 44 }
服務端：參考的官方文檔
1 using System; 2 using System.Collections.Generic; 3 using System.Linq; 4 using System.Web; 5 using Microsoft.AspNet.SignalR; 6 7 namespace Web_SignalR 8 { 9 public class ChatHub : Hub 10 { 11 public void Send(string name, string message) 12 { 13 Clients.All.broadcastMessage(name, message); 14 } 15 } 16 }
1 using System; 2 using System.Threading.Tasks; 3 using Microsoft.Owin; 4 using Owin; 5 6 [assembly: OwinStartup(typeof(Web_SignalR.Startup))] 7 8 namespace Web_SignalR 9 { 10 public class Startup 11 { 12 public void Configuration(IAppBuilder app) 13 { 14 // 有關如何配置應用程序的詳細信息，請訪問 https://go.microsoft.com/fwlink/?LinkID=316888 15 app.MapSignalR(); 16 } 17 } 18 }
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>SignalR Simple Chat</title> 5 <style type="text/css"> 6 .container { 7 background-color: #99CCFF; 8 border: thick solid #808080; 9 padding: 20px; 10 margin: 20px; 11 } 12 </style> 13 </head> 14 <body> 15 <div class="container"> 16 <input type="text" id="message" /> 17 <input type="button" id="sendmessage" value="Send" /> 18 <input type="hidden" id="displayname" /> 19 <ul id="discussion"></ul> 20 </div> 21 <!--Script references. --> 22 <!--Reference the jQuery library. --> 23 <script src="Scripts/jquery-3.3.1.min.js"></script> 24 <!--Reference the SignalR library. --> 25 <script src="Scripts/jquery.signalR-2.2.2.min.js"></script> 26 <!--Reference the autogenerated SignalR hub script. --> 27 <script src="signalr/hubs"></script> 28 <!--Add script to update the page and send messages.--> 29 <script type="text/javascript"> 30 $(function () { 31 // Declare a proxy to reference the hub. 32 var chat = $.connection.chatHub; 33 // Create a function that the hub can call to broadcast messages. 34 chat.client.broadcastMessage = function (name, message) { 35 // Html encode display name and message. 36 var encodedName = $(‘<div />‘).text(name).html(); 37 var encodedMsg = $(‘<div />‘).text(message).html(); 38 // Add the message to the page. 39 $(‘#discussion‘).append(‘<li><strong>‘ + encodedName 40 + ‘</strong>: ‘ + encodedMsg + ‘</li>‘); 41 }; 42 // Get the user name and store it to prepend to messages. 43 $(‘#displayname‘).val("test"); 44 // Set initial focus to message input box. 45 $(‘#message‘).focus(); 46 // Start the connection. 47 $.connection.hub.start().done(function () { 48 $(‘#sendmessage‘).click(function () { 49 // Call the Send method on the hub. 50 chat.server.send($(‘#displayname‘).val(), $(‘#message‘).val()); 51 // Clear text box and reset focus for next comment. 52 $(‘#message‘).val(‘‘).focus(); 53 }); 54 }); 55 }); 56 </script> 57 </body> 58 </html>
效果演示：
IIS 使用OpenSSL 生成的自簽名證書，然後使用SingalR 客戶端訪問Https 站點通信