BlazorWeb服务应用程序与SignalR的服务器时钟不工作。
创始人
2024-12-22 01:30:16
0

您可以使用DateTimeOffset获取服务器时钟,并使用System.Threading.Timer在SignalR中实时更新时间。请按照以下步骤进行操作。

  1. 在您的Blazor Web服务应用程序中添加一个新的类ClockService,该类将实现获取服务器时间的方法。
public class ClockService
{
    public DateTimeOffset GetCurrentTime()
    {
        return DateTimeOffset.UtcNow;
    }
}
  1. 在您的SignalR Hub类中创建一个计时器,并定义一个简单的方法,该方法将广播当前时间。
public class ClockHub : Hub
{
    private readonly ClockService _clockService;

    public ClockHub(ClockService clockService)
    {
        _clockService = clockService;
    }

    public override async Task OnConnectedAsync()
    {
        var timer = new System.Threading.Timer(async state =>
        {
            await Clients.All.SendAsync("UpdateTime", _clockService.GetCurrentTime());
        }, null, TimeSpan.Zero, TimeSpan.FromSeconds(1));
    }
}

在上面的代码中,我们在连接到Hub时创建了一个计时器,并向所有客户端广播当前时间。 UpdateTime是客户端调用的方法。

  1. 然后在您的Blazor Web页面中添加以下代码以连接到SignalR并接收更新的时间。
@using Microsoft.AspNetCore.SignalR.Client

@inject NavigationManager Navigation
@inject HubConnectionBuilder HubConnectionFactory

@CurrentTime
@code { private HubConnection _hubConnection; private DateTimeOffset _currentTime; private string CurrentTime { get { return _currentTime.ToString("hh:mm:ss tt"); } } protected override async Task OnInitializedAsync() { _hubConnection = HubConnectionFactory .WithUrl(Navigation.ToAbsoluteUri("/ClockHub")) .Build(); _hubConnection.On("UpdateTime", time => { _currentTime = time; StateHasChanged(); }); await _hubConnection.StartAsync(); } public void Dispose() { _hubConnection.DisposeAsync().AsTask().Wait(); } }

在上面的代码中,我们通过HubConnectionBuilder创建了一个新的HubConnection。在OnInitializedAsync中连接到SignalR,并使用On方法订阅UpdateTime事件。当更新时间广播时,我们会更新本地时间,并使用StateHasChanged刷新UI。

现在,当您启动应用程序时,您应该会看到实时更新的时间。

∠的问题∠Blazor Web服务应用程序与SignalR的服务器时钟不工作。 ∠解法∠您可以使用DateTimeOffset获取服务器时钟,并使用System.Threading.Timer在SignalR中实时更新时间。请使用上面提供的代码示例。

相关内容

热门资讯

黑科技辅助!微扑克ai辅助神器... 黑科技辅助!微扑克ai辅助神器,(微扑克ai智能)原来真的有挂,攻略教程(方式)-哔哩哔哩是一款可以...
黑科技辅助!aapoker透明... 黑科技辅助!aapoker透明,(AAPoKer线上德州)原来真的有挂,规律教程(方式)-哔哩哔哩;...
黑科技辅助!we-poker有... 黑科技辅助!we-poker有挂,(WePoKe ai)原来真的有挂,安装教程(有挂工具)-哔哩哔哩...
黑科技辅助!Wepoke辅助器... 黑科技辅助!Wepoke辅助器,(WePoKe链接)原来真的有挂,详细教程(有挂辅助)-哔哩哔哩;W...
黑科技辅助!wepoke辅助插... 黑科技辅助!wepoke辅助插件安装,(Wepoke实测)原来真的有挂,解密教程(有挂方式)-哔哩哔...
黑科技辅助!WePoKe外挂,... 黑科技辅助!WePoKe外挂,(WePoKe辅助v3.0)原来真的有挂,透明教程(确实有挂)-哔哩哔...
黑科技辅助!aa扑克辅助,(A... 黑科技辅助!aa扑克辅助,(AAPoKer靠谱)原来真的有挂,玩家教程(方针)-哔哩哔哩;亲真的是有...
黑科技辅助!wepoke有插件... 黑科技辅助!wepoke有插件,(WePoKe稳赢)原来真的有挂,可靠教程(有挂解密)-哔哩哔哩;W...
黑科技辅助!wepoke辅助软... 黑科技辅助!wepoke辅助软件靠谱,(Wepoke代码)原来真的有挂,必赢方法(有挂讲解)-哔哩哔...
黑科技辅助!德扑ai工具,(德... 黑科技辅助!德扑ai工具,(德扑ai俱乐部)原来真的有挂,黑科技教程(存在)-哔哩哔哩;德扑ai俱乐...