liumiaocn
liumiaocn

Grafana基础：集成方法之页面嵌入

前面的文章介绍一下如何在Grafana中设定匿名登录的方式，然后直接跳转到Grafana中即可，但是这种方法需要在Grafana和其他系统中跳来跳去。实际上Grafana可以直接通过iframe等方式嵌入到其他系统页面中，这篇文章通过具体介绍一下相应的方法。

示例准备

可以自行准备任何Grafana的使用示例，本文使用Prometheus下使用Node Exporter的Grafana示例，构建方法可参看：

  • https://liumiaocn.blog.csdn.net/article/details/104043410

示例代码

监控地址

Grafana中Node Exporter的仪表盘监控地址为：

  • http://localhost:3000/d/hb7fSE0Zz/1-node-exporter-for-prometheus-dashboard-english-version-update-1102?orgId=1

示例代码

liumiaocn:Desktop liumiao$ cat grafana-demo.html 




    
    Grafana Embeded Demo



    


liumiaocn:Desktop liumiao$

设定方法

需要注意的是虽然Grafana提供了嵌入的方法，缺省情况下次选项是关闭的，需要将相应的选项打开

设定项 缺省设定 详细说明
allow_embedding false 是否允许匿名登录

其他设定选项说明可参看：

  • https://liumiaocn.blog.csdn.net/article/details/104027047

修改设定

本文示例使用了Grafana的官方镜像，首先需要使用类似如下的命令进入到已经启动的容器之中：

liumiaocn:config liumiao$ docker exec -it grafana sh
/usr/share/grafana $ ls
LICENSE    NOTICE.md  README.md  VERSION    bin        conf       public     scripts    tools
/usr/share/grafana $ cd conf
/usr/share/grafana/conf $ ls
defaults.ini        ldap.toml           ldap_multiple.toml  provisioning        sample.ini
/usr/share/grafana/conf $

修改/usr/share/grafana/conf下的缺省配置文件defaults.ini

# set to true if you want to allow browsers to render Grafana in a ,