前言

最近有一个需求，就是把grafana上的页面分享给前端，前端只要拿到链接就可以通过传参数的方式去刷新页面。

那该如何实现呢？从描述中，可以知道需要解决几个问题：

1. 前端如何不用登录打开链接就能看到页面？
2. 如何分享链接？
3. 如何使分享链接带有参数？
4. 如何只得到自己想要的页面？

下面本文围绕这几个问题来讲讲。

step1：设置免登陆

如果想直接打开grafana的链接而不登录，需要修改defaults.ini 。

进入grafana的安装目录，编辑可以匿名访问：

vi vi /opt/prometheus_env/grafana-8.4.7/conf/defaults.ini 

修改内容如下：

#################################### Anonymous Auth ######################
[auth.anonymous]
# enable anonymous access
enabled = true

然后重启grafana即可。

step2：分享链接

分享链接很简单，只要在界面点击如下图就可以分享：

分享	选择样式并复制链接

我们复制出来的链接是这样子的：http://服务器地址:3000/d/pcip2Ow7z/shi-shi-cai-ji-jian-kong-zhi-biao?orgId=1&from=1650593694199&to=1650615294199&theme=light&viewPanel=5

显然，在这个链接中，我们是传入不了参数的，该如何传参呢？其实我们需要先定义一个全局参数。

step3：设置全局参数

点击右上角的设置按钮：

点击变量模块，并new 一个变量：

设置变量，内容如下：

点击update后，再点击Save dashboard，在我们的模板页面，可以看到多了一个查询输入框：

这不是最关键的，我们进去设置面板，面板里面再设置变量名：

ok，到这里，我们可以正式分享链接了

step4：分享带参数的链接

打开分享的链接，并输入我们要查询的内容：

在把浏览器的链接复制出来：

http://10.194.188.37:3000/d/pcip2Ow7z/shi-shi-cai-ji-jian-kong-zhi-biao?orgId=1&from=1650594296047&to=1650615896047&viewPanel=5&var-exported_job=ylw-111

可以看到这个链接带有一个查询条件：var-exported_job，所以只要我们提供这个链接给前端，并让前端传入var-exported_job的值，就可以对传入不同的条件去查询了。

但是还有一个问题，界面有Grafana状态栏和菜单栏，我们改如何去掉呢？

step5：优化界面

我们通过在链接后面增加kiosk参数，即可去掉，链接修改后为：

http://10.194.188.37:3000/d/pcip2Ow7z/shi-shi-cai-ji-jian-kong-zhi-biao?orgId=1&from=1650594296047&to=1650615896047&viewPanel=5&var-exported_job=ylw-111&kiosk

效果如下图：

看，这个界面是不是前端直接就能使用了。

好了，到此，本文就讲解完毕了，希望能帮助到大家！