在grafana中使用iframe嵌入web页面

354 阅读1分钟

先看效果

image.png

背景

公司的日志监控系统使用了grafana,后端报错用命令行就够用了,但前端错误的监控有些需要更直观的图形化界面来展示一些数据,例如:报错的代码行、视频回放、用户行为链等。所以前端开发一个单独的页面来展示这些信息,为了和后端监控放一块,就要把这个页面嵌入到grafana中。说了这么多,其实和这篇文章内容没有太直接的关系,只是记录下怎么配置过程,关于前端监控在这儿先提一下,等开发完了再后续写文章。

简单的废话一下

  • 注册登录就省略了...
  • 如果不用iframe的话,可以直接使用text面板的HTML模式,后面的就不用看了...
  • 过程很简单,就当一篇备忘录写了

开始吧

image.png

image.png

image.png

image.png

image.png

这一步默认第一个就成⬇️ image.png

如果没搜索出来,就刷新下页面再试⬇️ image.png

image.png

apply后就可以看到效果了⬇️ image.png