如何通过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。