Dashboard 联动和跳转

欢迎回到第 12 章的学习。在上一节，我们学习了数据库 Dashboard。现在我们要学习 Dashboard 联动和跳转，这是 Dashboard 之间协作的重要功能。

本节将学习：Dashboard 链接配置、参数传递、上下文切换、以及故障排查流程。

Dashboard 链接配置

Dashboard 链接配置的作用是什么？ 在不同的 Dashboard 之间建立链接，方便导航和关联分析。

Dashboard 链接类型包括哪些呢？

第一种：链接到其他 Dashboard。 创建链接跳转到其他 Dashboard。

第二种：链接到外部 URL。 创建链接跳转到外部 URL。

第三种：时间范围链接。 保持时间范围一致，跳转到其他 Dashboard。

第四种：变量链接。 传递变量值到其他 Dashboard。

Dashboard 链接配置示例：

{
  "dashboard": {
    "links": [
      {
        "title": "Back-end services Dashboard",
        "type": "dashboard",
        "url": "/d/backend-service",
        "keepTime": true,
        "keepVariables": true
      },
      {
        "title": "Trace querying",
        "type": "link",
        "url": "/explore?orgId=1&left=%5B%22now-1h%22,%22now%22,%22Tempo%22%5D"
      }
    ]
  }
}

参数传递

参数传递的作用是什么？ 将当前 Dashboard 的参数传递到目标 Dashboard，保持上下文一致性。

参数传递包括哪些呢？

第一个：时间范围参数。 传递时间范围到目标 Dashboard。

第二个：变量参数。 传递 Dashboard 变量到目标 Dashboard。

第三个：查询参数。 传递查询参数到目标 Dashboard。

第四个：Trace ID 参数。 传递 Trace ID 到目标 Dashboard。

参数传递配置示例：

{
  "links": [
    {
      "title": "viewed Trace",
      "type": "link",
      "url": "/explore?orgId=1&left=%5B%22${__from}%22,%22${__to}%22,%22Tempo%22%5D&traceId=${traceId}",
      "tooltip": "viewed Trace Details"
    }
  ]
}

上下文切换

上下文切换的作用是什么？ 在不同 Dashboard 之间切换时，保持上下文信息，便于关联分析。

上下文切换包括哪些呢？

第一个：服务选择。 保持服务选择的上下文。

第二个：时间范围。 保持时间范围的上下文。

第三个：错误信息。 保持错误信息的上下文。

第四个：Trace ID。 保持 Trace ID 的上下文。

上下文切换示例：

{
  "dashboard": {
    "templating": {
      "list": [
        {
          "name": "service",
          "type": "query",
          "query": "label_values(http_requests_total, service)",
          "current": {
            "value": "order-service"
          }
        },
        {
          "name": "traceId",
          "type": "textbox",
          "current": {
            "value": ""
          }
        }
      ]
    },
    "links": [
      {
        "title": "viewed Trace",
        "type": "link",
        "url": "/explore?orgId=1&left=%5B%22now-1h%22,%22now%22,%22Tempo%22%5D&traceId=${traceId}",
        "keepTime": true,
        "keepVariables": true
      }
    ]
  }
}

故障排查流程

故障排查流程的作用是什么？ 设计标准化的故障排查流程，快速定位和解决问题。

故障排查流程包括哪些步骤呢？

第一步：发现问题。 从概览 Dashboard 发现异常指标。

第二步：深入分析。 跳转到详细 Dashboard，深入分析问题。

第三步：追踪根因。 使用 Trace 追踪问题的根因。

第四步：查看日志。 查看相关的日志信息。

第五步：解决问题。 根据分析结果解决问题。

如何设计故障排查流程？ 创建 Dashboard 链接，设置参数传递，设计故障排查路径。

故障排查流程设计：

本节小结

在本节中，我们学习了 Dashboard 联动和跳转：

第一个是 Dashboard 链接配置。 在不同的 Dashboard 之间建立链接，方便导航和关联分析。

第二个是参数传递。 将当前 Dashboard 的参数传递到目标 Dashboard，保持上下文一致性。

第三个是上下文切换。 在不同 Dashboard 之间切换时，保持上下文信息，便于关联分析。

第四个是故障排查流程。 设计标准化的故障排查流程，快速定位和解决问题。

Dashboard 联动和跳转流程： 配置 Dashboard 链接 → 设置参数传递 → 设计上下文切换 → 建立故障排查流程 → 持续优化。

这就是 Dashboard 联动和跳转。通过 Dashboard 联动和跳转，我们可以建立完整的 Dashboard 生态系统。

在下一节，我们将学习实践：构建 ShoeHub 完整 Dashboard 集。通过完整实践，整合前面学习的所有知识。