Blazor可以使用SignalR来实现双向通信。但是,有一些情况,SignalR可能无法正常工作,其中之一是当使用Blazor Server时将客户端应用程序更改为客户端模式。为解决这个问题,需要在Blazor Server项目中将客户端应用程序更改为以下方式:
创建Blazor Server项目。
创建一个客户端应用程序:
添加Blazor应用程序。
右键单击客户端项目,选择属性。
在生成选项卡中,目标框架”更改为“Server”。
单击“保存”。
在服务器端项目中,确保已启用SignalR:
public void ConfigureServices(IServiceCollection services)
{
services.AddSignalR();
}
@page "/chat"
@using Microsoft.AspNetCore.SignalR.Client;
@code{
private HubConnection hubConnection;
private async Task ConnectToSignalR()
{
var builder = new HubConnectionBuilder().WithUrl(NavigationManager.ToAbsoluteUri("signalrHub"));
hubConnection = builder.Build();
hubConnection.On("ReceiveMessage", (message) =>
{
Console.WriteLine("Message Received: " + message);
});
await hubConnection.StartAsync();
}
}
此外,还需要在服务器端创建一个SignalR处理程序:
public class SignalRHub : Hub
{
public async Task SendMessage(string message)
{
await Clients.All.SendAsync("ReceiveMessage", message);
}
}
@code{
private string message;
private async Task SendMessage()
{
await hubConnection.SendMessage(message);
}
}
最终,Blazor客户端使用SignalR将正常工作。
改进后的问题:如何让Blazor服务端应用中的客户端应用程序通过SignalR与服务器端进行通讯?
解法(含代码示例): 请参考以上的解法。