Grafana页面嵌入自建Web应用页面

目录

一、应用场景

二、实现方式

1、修改Grafana配置文件

2、获取监控页面url

3、隐藏左侧和顶部菜单


一、应用场景

需要将Grafana监控页面嵌入自建Web应用页面,使Grafana监控页面成为自建Web应用的一部分。

二、实现方式

总体思路:修改Grafana配置文件,实现免密匿名访问。获取监控页面url,在自建Web应用免密跳转到该url。

1、修改Grafana配置文件

vim ~/grafana-8.5.22/conf/defaults.ini,将~替换成grafana实际位置。

复制代码
# 开启匿名访问
enabled = true

# 组织权限设置为Viewer
org_role = Viewer

# 允许浏览器嵌入grafana
allow_embedding = true

注意:修改配置文件完成后需要重启Grafana。

2、获取监控页面url

1)首先点击分享图标

2)复制监控页面地址,在自建Web应用免密跳转到该url。

**3、**隐藏左侧和顶部菜单

隐藏左侧和顶部菜单,可以点击Grafana页面右上角的"电脑"图标

  • 点击一次,隐藏左侧菜单,也可以手动在url后面加上参数 &kiosk=tv
  • 点击二次,隐藏左侧和顶部菜单,也可以手动在url后面加上参数 &kiosk
相关推荐
Alluxio6 小时前
Alluxio + OCI:为 AI 工作负载实现亚毫秒访问延迟与可扩展吞吐
运维·数据库·人工智能·分布式·缓存·ai·语言模型
闲云野鹤在人间10 小时前
Prometheus入门|搭建Prometheus+Node‑Exporter+Grafana完整主机监控平台
grafana·prometheus
Sayai10 小时前
Neo4j 图数据质量检查实战:环路检测、孤立节点与连通分量,两条 Cypher 引出的数据体检清单(含变长路径性能陷阱)
运维·neo4j·图数据库·数据质量·cypher
Elastic 中国社区官方博客11 小时前
更少的位数,相同的召回率:DiskBBQ 更保守的自动校准扫描
大数据·运维·开发语言·人工智能·elasticsearch·搜索引擎
方便面不加香菜11 小时前
Docker Volume -- 管理卷Volume详解
运维·docker·容器
沫璃染墨12 小时前
从零入门计算机网络系列(十八):TCP连接管理详解——从三次握手与四次挥手到TIME_WAIT机制
运维·服务器·网络·c++·网络协议·tcp/ip·tcp
Felven12 小时前
华为鲲鹏920s芯片serdestool工具使用说明
linux·运维·服务器·华为·鲲鹏920·serdestool
江湖有缘12 小时前
Docker实战 | 使用Docker部署lemonitor镜像站点列表程序
运维·docker·容器
莫晓燚12 小时前
mall 电商项目完整部署---实战
linux·运维·docker·容器
爱和冰阔落13 小时前
【Linux网络】JsonCpp 怎么实现序列化?从 Request/Response 到网络计算器消息设计
linux·运维·网络·php