SignalR .NET客户端连接到Blazor .NET Core 3应用程序中的Azure SignalR服务


11

我正在尝试在ASP.NET Core 3.0 Blazor(服务器端)应用程序与Azure SignalR服务之间建立连接。最后,我将SignalR客户端(服务)注入到一些Blazor组件中,以便它们可以实时更新我的​​UI / DOM。

我的问题是,.StartAsync()在集线器连接上调用方法时,我收到以下消息:

响应状态代码不表示成功:404(未找到)。

BootstrapSignalRClient.cs

该文件加载了我对SignalR服务的配置,包括URL,连接字符串,键,方法名称和集线器名称。这些设置在静态类中捕获,SignalRServiceConfiguration并在以后使用。

public static class BootstrapSignalRClient
{
    public static IServiceCollection AddSignalRServiceClient(this IServiceCollection services, IConfiguration configuration)
    {
        SignalRServiceConfiguration signalRServiceConfiguration = new SignalRServiceConfiguration();
        configuration.Bind(nameof(SignalRServiceConfiguration), signalRServiceConfiguration);

        services.AddSingleton(signalRServiceConfiguration);
        services.AddSingleton<ISignalRClient, SignalRClient>();

        return services;
    }
}

SignalRServiceConfiguration.cs

public class SignalRServiceConfiguration
{
    public string ConnectionString { get; set; }
    public string Url { get; set; }
    public string MethodName { get; set; }
    public string Key { get; set; }
    public string HubName { get; set; }
}

SignalRClient.cs

public class SignalRClient : ISignalRClient
{
    public delegate void ReceiveMessage(string message);
    public event ReceiveMessage ReceiveMessageEvent;

    private HubConnection hubConnection;

    public SignalRClient(SignalRServiceConfiguration signalRConfig)
    {
        hubConnection = new HubConnectionBuilder()
            .WithUrl(signalRConfig.Url + signalRConfig.HubName)
            .Build();            
    }

    public async Task<string> StartListening(string id)
    {
        // Register listener for a specific id
        hubConnection.On<string>(id, (message) => 
        {
            if (ReceiveMessageEvent != null)
            {
                ReceiveMessageEvent.Invoke(message);
            }
        });

        try
        {
            // Start the SignalR Service connection
            await hubConnection.StartAsync(); //<---I get an exception here
            return hubConnection.State.ToString();
        }
        catch (Exception ex)
        {
            return ex.Message;
        }            
    }

    private void ReceiveMessage(string message)
    {
        response = JsonConvert.DeserializeObject<dynamic>(message);
    }
}

我在将SignalR与.NET Core结合使用时经验丰富,您可以在其中添加它,以便使用Startup.cs文件.AddSignalR().AddAzureSignalR()并在应用程序配置中映射集线器,并且以这种方式进行操作需要建立某些“配置”参数(即连接字符串)。

根据我的情况,从哪里HubConnectionBuilder获得连接字符串或用于对SignalR服务进行身份验证的密钥?

404消息是否可能是缺少键/连接字符串的结果?


1
.WithUrl(signalRConfig.Url + signalRConfig.HubName)您可以验证是否生成了正确的网址吗?(通过断点还是记录?)
Fildor

我发现拥有基本Uri Uri并通过Uri(Uri,string)
Fildor

有趣的是,这是一个“红鲱鱼”与己无关与404
贾森剃须

Answers:


8

好的,结果证明文档缺少此处的关键信息。如果使用的是连接到Azure SignalR服务的.NET SignalR客户端,则需要请求JWT令牌并在创建集线器连接时出示。

如果您需要代表用户进行身份验证,则可以使用此示例。

否则,您可以使用Web API(例如Azure函数)设置“ /协商”终结点,以为您检索JWT令牌和客户端URL。这就是我最终为用例所做的事情。在此处可以找到有关创建Azure函数以获取JWT令牌和URL的信息。

我创建了一个类来保存这两个值,例如:

SignalRConnectionInfo.cs

public class SignalRConnectionInfo
{
    [JsonProperty(PropertyName = "url")]
    public string Url { get; set; }
    [JsonProperty(PropertyName = "accessToken")]
    public string AccessToken { get; set; }
}

我还在内部创建了一个方法SignalRService来处理与Azure中Web API的“ / negotiate”终结点的交互,集线器连接的实例化以及使用事件+委托来接收消息的方法,如下所示:

SignalRClient.cs

public async Task InitializeAsync()
{
    SignalRConnectionInfo signalRConnectionInfo;
    signalRConnectionInfo = await functionsClient.GetDataAsync<SignalRConnectionInfo>(FunctionsClientConstants.SignalR);

    hubConnection = new HubConnectionBuilder()
        .WithUrl(signalRConnectionInfo.Url, options =>
        {
           options.AccessTokenProvider = () => Task.FromResult(signalRConnectionInfo.AccessToken);
        })
        .Build();
}

functionsClient是一个简单的强类型化的HttpClient预配置与碱URL和FunctionsClientConstants.SignalR是一个静态类与被附加在基本URL的“/谈判”路径。

完成所有设置后,我将await hubConnection.StartAsync();其称为“已连接”!

完成所有这些之后,我ReceiveMessage按如下所示(在同一位置SignalRClient.cs)设置了一个静态事件和一个委托:

public delegate void ReceiveMessage(string message);
public static event ReceiveMessage ReceiveMessageEvent;

最后,我实现了ReceiveMessage委托:

await signalRClient.InitializeAsync(); //<---called from another method

private async Task StartReceiving()
{
    SignalRStatus = await signalRClient.ReceiveReservationResponse(Response.ReservationId);
    logger.LogInformation($"SignalR Status is: {SignalRStatus}");

    // Register event handler for static delegate
    SignalRClient.ReceiveMessageEvent += signalRClient_receiveMessageEvent;
}

private async void signalRClient_receiveMessageEvent(string response)
{
    logger.LogInformation($"Received SignalR mesage: {response}");
    signalRReservationResponse = JsonConvert.DeserializeObject<SignalRReservationResponse>(response);
    await InvokeAsync(StateHasChanged); //<---used by Blazor (server-side)
}

我已将文档更新提供给Azure SignalR服务团队,并希望希望对其他人有所帮助!

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.