如何刷新health checks UI页面？是否支持自动刷新功能？

下面是不同场景下的可行实现方式：

场景1：使用官方AspNetCore.HealthChecks.UI组件 #

直接通过内置配置开启定时自动刷新，无需修改前端代码：

• 代码配置方式
  在Program.cs/Startup.cs的服务注册逻辑中添加配置：

builder.Services.AddHealthChecksUI(setup =>
{
    // 配置为每30秒自动拉取一次最新健康状态，可按需调整数值
    setup.SetEvaluationTimeInSeconds(30);
}).AddInMemoryStorage();

• 配置文件方式
  直接在appsettings.json中添加对应配置节点即可：

{
  "HealthChecksUI": {
    "EvaluationTimeInSeconds": 30,
    "HealthChecks": [
      // 原有健康检查端点配置
    ]
  }
}

场景2：自定义开发的Health Checks UI页面 #

可以选择两种实现方式：

• 轮询拉取方案（实现成本最低）
  在前端添加定时器定时调用健康检查接口更新页面状态，原生JS示例：

// 30秒刷新一次，单位为毫秒
const REFRESH_INTERVAL = 30 * 1000;
setInterval(async () => {
  try {
    const response = await fetch("/你的健康检查接口地址");
    const statusData = await response.json();
    // 替换为你自身的页面状态更新逻辑
    updatePageStatus(statusData);
  } catch (err) {
    console.error("健康状态更新失败：", err);
  }
}, REFRESH_INTERVAL);

• WebSocket推送方案（实时性更高）
  后端集成WebSocket服务，在健康检查状态变更时主动推送给前端UI，无需前端定时发起请求，适合对状态更新延迟要求高的场景。

注意：刷新间隔不要设置过短，避免给服务带来额外请求压力，常规场景下30秒到5分钟的区间是比较合理的取值范围。

内容的提问来源于stack exchange，提问作者HT HT