IIS 使用OpenSSL 生成的自签名证书，然后使用SingalR 客户端访问Https 站点通信

使用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.pfx，这一步需要输入密码，密码会在导入IIS的时候使用

在以上步骤完成之后，生成如下几个文件， 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>:&nbsp;&nbsp;' + 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>

效果演示：