如何通過SignalR使用跨域連接（CORS - 訪問控制允許來源）

Question

使用持久連接和ASP.NET JavaScript客戶端，我試圖連接到與頁面不同的子域從服務。

ASP.Net從網絡服務器sub1.mydomain.com的頁面想要連接到SignalR在sub2.mydomain.com。在相同的子域內連接時，相同的代碼工作正常。

我發現了另一個帖子裏跨域連接被啓用：

jQuery.support.cors = true; 

但這並沒有爲我工作。

如何使用持續連接和JavaScript客戶端連接到第二個子域中的SignalR？

Answer 1

你需要做以下操作之一，使其工作：

• 設置$.connection.hub.url = 'http://subdomain.domain.com/signalr';，指向你的子域。

• 在服務器上啓用跨域：

  RouteTable.Routes.MapHubs(new HubConfiguration() 
  { 
      EnableCrossDomain = true 
  }); 
  

Answer 2

var connection = $.connection('http://somecrossdomainurl/echo') 
connection.start({ transport: 'longPolling', xdomain: true }); 

https://github.com/SignalR/SignalR/wiki/SignalR-JS-Client

Answer 3

如果從0.5.1到0.5.2的切換，你可能有以下幾點：

$.connection.hub.start({ transport: 'longPolling', xdomain: true }, function() {... 

可以更改爲：

$.connection.hub.start({ jsonp: true }, function() {... 

Answer 4

真正解決了我的問題是：

1 - 添加這Global.asax中：

RouteTable.Routes.MapHubs(new HubConfiguration() { 
    EnableCrossDomain = true 
}); 

2 - 設置我的Web項目，使的Web.config跨域：

<system.webServer> 
    <httpProtocol> 
     <customHeaders> 
      <add name="Access-Control-Allow-Origin" value="*" /> 
      <add name="Access-Control-Allow-Headers" value="Content-Type" /> 
     </customHeaders> 
    </httpProtocol> 
</system.webServer> 

3-然後我改變我的html的實施，改變了$■連接（）來如下：

var connection = $.hubConnection('http://localhost.my:8081/signalr'); 
var chatHubProxy = connection.createHubProxy('chatHub'); 

版本我使用的是：

• signalR-1.1 0.0

• jquery.signalR-1.1.3.js

• dot.net 4。0

Answer 5

在Signalr2，你可以使用的Microsoft.Owin.Cors，目前3.0.0-RC1發佈前寫這篇文章：Microsoft.Owin.Cors。

更多信息可以在這裏找到：

• http://www.asp.net/signalr/overview/signalr-20/hubs-api/hubs-api-guide-javascript-client
• http://www.asp.net/signalr/overview/signalr-20/getting-started-with-signalr-20/tutorial-getting-started-with-signalr-20

Answer 6

在SignalR的當前版本，使用現在獨立CORS包，這樣做的API已更改爲：

public void Configuration(IAppBuilder app) 
{ 
    app.Map("/signalr", map => 
    { 
     map.UseCors(CorsOptions.AllowAll); 
     var hubConfiguration = new HubConfiguration 
     { 
     }; 
     map.RunSignalR(hubConfiguration); 
    }); 
} 

請參閱ASP.NET SignalR Hubs API Guide - JavaScript Client。