如何从其他主机连接到我的SignalR集线器?

时间:2017-12-11 16:52:51

标签: c# asp.net-mvc asp.net-mvc-5 signalr signalr-hub

我有一个运行SignalR 2.2.2此应用程序正在hub.domain.com上运行的ASP.NET MVC 5应用程序。在另一个基于Asp.Net MVC-5的应用程序(即localhost:15371)上,我想与集线器进行交互。

在我的localhost:15371应用程序中,我添加了以下代码

<script>
    var myHubHost = 'http://hub.domain.com/';
</script>
<script src="http://hub.domain.com/Scripts/jquery.signalR-2.2.2.min.js"></script>
<script src="http://hub.domain.com/signalr/hubs"></script>
<script src="http://hub.domain.com/signalr/custom_code.js"></script>

但是,在尝试连接到app.domain.com上的集线器时出现以下错误,但是当我直接从hub.domain.com

运行它时工作正常
  

错误:协商请求期间出错。

要在我的中心应用上启用CORS,请将以下内容添加到<system.webServer></system.webServer>文件中的Web.config部分。

<httpProtocol>
    <customHeaders>
        <add name="Access-Control-Allow-Origin" value="*" />
    </customHeaders>
</httpProtocol>

我也尝试启用JSONP和我的集线器上的详细错误,如此

public void Configuration(IAppBuilder app)
{
    ConfigureAuth(app);

    var hubConfiguration = new HubConfiguration();
    hubConfiguration.EnableDetailedErrors = true;
    hubConfiguration.EnableJSONP = true;
    app.MapSignalR(hubConfiguration);
}

可能导致此错误的原因是什么?还有什么方法可以从另一个应用程序连接到我的集线器?

用于连接到我的集线器的代码如下所示,可在custom_code.js文件中找到。

$(document).ready(function () {

    // Reference the auto-generated proxy for the hub.
    var app = $.connection.myHubName;

    // The getApiUrl() method return http://hub.domain.com/signalr
    // as the myHubHost variable is set to http://hub.domain.com/
    $.connection.hub.url = getApiUrl('signalr');
    $.connection.hub.error(function (error) {
        console.log(error)
    });

    // Create a function that the hub can call back get the new events
    app.client.updatePanel = function (message) {
        // Do stuff
    }

    // Start the connection.
    $.connection.hub.start();

    // This allows me to set a variable to control the base-url host when including this file on a different app.
    function getApiUrl(uri) 
    {
        var link = "/";

        if (typeof window.myHubHost !== typeof someUndefinedVariableName) {
            link = window.myHubHost;
        }
        return link + uri;
    }
});

已更新

我按照这样的方式启用了日志记录

$.connection.hub.logging = true;

我还安装了Microsoft.Owin.Cors个软件包以根据documentation启用cors。这是我目前的配置

app.Map("/signalr", map =>
{
    map.UseCors(CorsOptions.AllowAll);
    var hubConfiguration = new HubConfiguration
    {
        EnableDetailedErrors = true
    };

    map.RunSignalR(hubConfiguration);
});

这是我在控制台中获得的日志。如您所见,协商失败。

SignalR: Auto detected cross domain url.
SignalR: Client subscribed to hub 'myHubName'.
SignalR: Negotiating with 'http://hub.domain.com/signalr/negotiate?clientProtocol=1.5&connectionData=%5B%5D'.
SignalR error: Error: Error during negotiation request.
SignalR: Stopping connection.

1 个答案:

答案 0 :(得分:1)

我终于找到了问题。

我的布局中有html基本标记导致问题。

我删除了     

我的问题解决了!