title: SIgnalR not running over Https
body: <p>Problem is, in production the webapp is delivered over HTTPS and the signalR hub is delivered over classic HTTP (e.g. <a href="http://test.com/SignalRNotificationH" rel="nofollow">http://test.com/SignalRNotificationH</a>) and, as expected, most modern browser throw a mixed-content warning and refuse to talk to signalR.</p>
  
  <p>My questions are:</p>
  
  <p>1) Is there a way to avoid the mixed-content warning by code?</p>
  
  <p>2) Would it be worth to build a self-hosted http server supporting HTTPS? And, if so, will the browser talk to a client on <a href="https://test.com/SignalRNotificationH" rel="nofollow">https://test.com/SignalRNotificationH</a> with some self-signed certificate?</p>
  
  <p>Client Page Code is:</p>
  
  <pre><code>&lt;title&gt;SignalR Echo&lt;/title&gt;
  &lt;script type="text/javascript" src="Scripts/jquery-1.5.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="Scripts/json2.js"&gt;&lt;/script&gt;
  &lt;!--  &lt;script type="text/javascript" src="Scripts/jquery-2.0.3.js"&gt;&lt;/script&gt;--&gt;
  &lt;script type="text/javascript" src="Scripts/jquery.signalR-1.1.3.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p></p>
  
  <p>
      </p>
  
  <pre><code>    function htmlEncode(value) {
  
          return $("&lt;div/&gt;").text(value).html();
      }
      function addMsg(msg) {
  
          $("#messages").append("&lt;li&gt;" + htmlEncode(msg) + "&lt;/li&gt;");
      }
      $(function () {
  
          $("#join").click(function () {
  
              var connection = $.connection("https://test.com/SendMessage", "groupname=" + $("#name").val(), true);
  
              connection.received(function (data) {
  
                  addMsg(data);
              });
              connection.error(function (err) {
  
                  addMsg("Error: " + err);
  
              });
              addMsg("Connecting...");
  
              connection.start(function () {
  
                  addMsg("Connected.");
  
                  $("#send").click(function () {
  
                      connection.send($("#msg").val());
  
                  });
              });
          });
      });
  &lt;/script&gt;
  
  &lt;table&gt;
      &lt;tr&gt;
          &lt;td&gt;&lt;span&gt;Name:&lt;/span&gt;&lt;/td&gt;
          &lt;td&gt;
              &lt;input type="text" id="name" /&gt;&lt;/td&gt;
          &lt;td&gt;
              &lt;input type="button" value="Join" id="join" /&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;&lt;span&gt;Message:&lt;/span&gt;&lt;/td&gt;
          &lt;td&gt;
              &lt;input type="text" id="msg" /&gt;&lt;/td&gt;
          &lt;td&gt;
              &lt;input type="button" value="Send" id="send" /&gt;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  &lt;ul id="messages"&gt;&lt;/ul&gt;
  </code></pre>
  
  <p>`</p>