有什么方法可以直接从 Angular 连接 Azure SignalR Hub？

Question

有什么方法可以直接从 Angular 6+ 连接 Azure SignalR Hub？

Answer 1

您可以使用以下步骤使用可以从 appsettings.json

获取的连接字符串从 Angular 连接 Azure SignalR Hub

Azure SignalR SDK 易于使用 API 只需更改几个 API 即可使用 Azure SignalR 服务。要使用此服务，我们必须在配置服务方法中添加 AddAzureSignalR 并传递从 Azure 门户复制的 Azure 连接字符串。使用配置文件传递相同的 (appsettings.json).

// This method gets called by the runtime. Use this method to add services to the container.

public void ConfigureServices(IServiceCollection services)
{
    services.AddMvc().SetCompatibilityVersion(CompatibilityVersion.Version_2_1);

    // In production, the Angular files will be served from this directory

    services.AddSpaStaticFiles(configuration =>
    {
        configuration.RootPath = "ClientApp/dist";
    });
    services.AddSignalR().AddAzureSignalR(Configuration["Azure:SignalR:ConnectionString"]);

}

添加Azure SignalR 服务后，我们需要使用Azure SignalR 路由管道映射集线器，这在configure 方法中完成。使用 URL 映射集线器以正常工作。

// Azure SignalR service

app.UseAzureSignalR(routes =>
{
    routes.MapHub<ChatHub>("/chat");
});

参考here

有什么方法可以直接从 Angular 连接 Azure SignalR Hub？

Is there any way to connect Azure SignalR Hub directly from Angular?

azure

signalr

signalr-hub

angular