SignalR 客户端连接到不同的服务器

Question

我在我的 ASP.Net MVC 应用程序中使用 SignalR 版本 2.x，并且在我的 Angular 客户端应用程序中使用相同版本的信号器。
Asp.net MVC 应用程序托管在 http://localhost:42080 和 Angular 应用程序托管在 http://localhost:4200。 我已经安装了Microsoft.AspNet.SignalR 并在 mvc 应用程序中启用了 cors。

[HubName("msg")]
public class MessageHub : Hub
{
    public void Send(string user, string message)
    {
        Clients.User(user).Send(user, message);
    }
}

我想从我的 Angular 应用程序连接到信号器服务器，但不能。

const connection = $.hubConnection(this.config.AdminUrl); // http://localhost:42080
const chat = connection.createHubProxy('msg'); // chat.server or chat.client are undefined

我也试过了：

$.connection.hub.url = 'http://localhost:42080/signalr';
var hub = $.connection.msg; // hub = undefined
$.connection.hub.start() // this will result Error loading hubs. Ensure your hubs reference is correct, e.g. <script src='/signalr/js'></script>

如何连接到托管在不同服务器上的信号器服务器？

Answer 1

你需要像这样配置你的 Startup.cs

public class Startup
    {
        public void Configuration(IAppBuilder app)
        {
            // Branch the pipeline here for requests that start with "/signalr"
            app.Map("/signalr", map =>
            {
                // Setup the CORS middleware to run before SignalR.
                // By default this will allow all origins. You can 
                // configure the set of origins and/or http verbs by
                // providing a cors options with a different policy.
                map.UseCors(CorsOptions.AllowAll);
                var hubConfiguration = new HubConfiguration 
                {
                    // You can enable JSONP by uncommenting line below.
                    // JSONP requests are insecure but some older browsers (and some
                    // versions of IE) require JSONP to work cross domain
                    // EnableJSONP = true
                };
                // Run the SignalR pipeline. We're not using MapSignalR
                // since this branch already runs under the "/signalr"
                // path.
                map.RunSignalR(hubConfiguration);
            });
        }
    }

注意

不要在代码中将 jQuery.support.cors 设置为 true。

不要将 jQuery.support.cors 设置为 true

SignalR 处理 CORS 的使用。将 jQuery.support.cors 设置为 true 禁用 JSONP，因为它导致 SignalR 假定浏览器 支持 CORS。

如果您连接到不同的服务器，请在调用 start 方法之前指定 URL，如下例所示：

JavaScript

$.connection.hub.url = '<yourbackendurl>;

注意

通常在调用 start 方法之前注册事件处理程序 建立连接。

详情可见here