将 DeepFlow Grafana 页面嵌入客户页面
创建时间:2024-11-01 最近修改时间:2024-11-01
#1. 将 DeepFlow Grafana 页面嵌入客户页面
#1.1 适用场景:
- 客户需要简单快速的将 DeepFlow 功能嵌入自己的功能页面
- Grafana 视图页面能够满足客户需求
- 客户有自己维护的 Grafana 的能力
#1.2 方案:
- 客户在 Grafana 使用 DeepFlow 的插件搭建符合自己需求的 panel
- 将 url 通过 iframe 嵌入客户自己的页面
- url 可以通过 Grafana 的变量(Variable)的能力来传递参数,进行动态的视图渲染
#1.3 细节:
#1.3.1 在 Grafana 侧进行配置,允许外部嵌入
注意,每个版本可能细节有区别,可以参阅Grafana 官网文档 (opens new window)
在 grafana 的配置文件中(如 default.ini,如果是 DF 中自带的 Grafana,需要编辑对应容器配置 yaml),设置对应的配置参数,在 security 一项中,打开允许嵌入,并开启允许匿名访问(可根据实际情况自行决定)

注意,如果是使用 DF 自带的 Grafana,需要在 front-end pod 的配置文件中删除如下内容,允许外部 iframe 访问。其他环境也注意检查是否有此限制。

在期望嵌入的 panel 处获取对应的 url


复制这个 url,即可以在外部页面嵌入此页面。

#1.3.2 变量设置
Grafana 的变量可以进行 url 编码。具体可以在 Grafana 页面自行创建变量,并通过修改变量同时查看 url。在 panel 嵌入时,也可以采用这种方式进行动态渲染
