Question

我有REST API，每两分钟返回一次新数据。如何在不使用户每次刷新浏览器的情况下显示新数据？这就是我到目前为止所拥有的。

AppController.cs

public IActionResult Index()
{
    string[] day = {"Mon", "Tue", "Wed", "Thu", "Fri"};
    List<API> results = new List<API>();
    for (var i = 0; i < day.Length; i++)
    {
        var client = new RestClient("https://api.example.com/values/d=" + day[i]);
        var request = new RestRequest(Method.GET);
        request.AddHeader("cache-control", "no-cache");
        request.AddHeader("accept", "application/json; charset=utf-8");
        IRestResponse response = client.Execute(request);
        var responseContent = response.Content;

        results.Add(new JavaScriptSerializer().Deserialize<API>(responseContent));
    }

    return View(results);
}

APIHub.cs

using Microsoft.AspNetCore.SignalR;
using System.Threading.Tasks;

namespace SignalRAPI.Hubs
{
    public class APIHub : Hub
    {
        public async Task SendData(   )
        {
            await Clients.All.SendAsync(    );
        }
    }
}

index.cshtml

@model Site.Models.API

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Live data</title>
</head>

<body>
<div><h3>Data: <h3></div>
<div class="APIDataResult" id="APIDataResult>@Html.DisplayFor(modelItem => model.APIdata)</div>
<script>
        var connection = new signalR.HubConnectionBuilder()
                                    .withUrl('/APIHub')
                                    .build();
        connection.on({        });
        connection.start(   )
</script>
</body>
</html>

Answer 1

如果您决定从控制器执行此操作，下面的示例向您展示如何操作。在此示例中，控制器每1秒向所有客户端广播一条人性化的字符串。人性化的字符串将包含互联网存在的时间长度。下面的一些代码将fluent API用于DateTime等，因此不要让它感到困惑。这个想法保持不变。

public class UptimeHub : Hub
{
}
public class BackgroundUptimeServerTimer : IRegisteredObject
{
    private readonly DateTime _internetBirthDate = On.October.The29th.In(1969);
    private readonly IHubContext _uptimeHub;
    private Timer _timer;


    public BackgroundUptimeServerTimer()
    {
        _uptimeHub = GlobalHost.ConnectionManager.GetHubContext<UptimeHub>();

        StartTimer();
    }
    private void StartTimer()
    {
        var delayStartby = 2.Seconds();
        var repeatEvery = 1.Seconds();

        _timer = new Timer(BroadcastUptimeToClients, null, delayStartby, repeatEvery);
    }
    private void BroadcastUptimeToClients(object state)
    {
        TimeSpan uptime = DateTime.Now - _internetBirthDate;

        _uptimeHub.Clients.All.internetUpTime(uptime.Humanize(5));
    }

    public void Stop(bool immediate)
    {
        _timer.Dispose();

        HostingEnvironment.UnregisterObject(this);
    }
}

我已从文章中借用了此代码，并且完整的说明可用here。别忘了按本文所示注册BackgroundUptimeServerTimer。

如何使用SignalR显示来自REST API的实时数据？

1 个答案: