Lework Study hard, improve every day.

运维小需求:Grafana 面板中展示网址链接

2021-09-30
lework
本文 666 字,阅读全文约需 2 分钟

需求

在 Grafana 面板中展示网址链接。

实现

技术栈: react, grafana plugin.

大概流程:

  1. 使用 @grafana/toolkit 工具创建插件脚手架。
  2. module.ts 文件中指定面板的配置选项, 插件入口。
  3. types.ts 文件中指定常量。
  4. NavPanel.tsx 文件中展示数据。
  5. plugin.json 文件中用来配置一些基本属性。
  6. 开发完成后,即可提交到官方获取公共签名。

https://grafana.com/docs/grafana/latest/developers/plugins/

安装使用

下载包:https://github.com/lework/grafana-lenav-panel/releases/download/v1.0.0/grafana-lenav-panel-v1.0.0.zip

将下载的插件包,解压到 D:\grafana-8.1.5\data\plugins\grafana-lenav-panel grafana 插件存储目录下,还需重启下grafana。

只能在 lcoalhost:3000 域名下使用, 其他域名需要公共签名。

其他域名需要修改配置, 允许未签名的插件。

[plugins]
enable_alpha = true
allow_loading_unsigned_plugins = lework-lenav-panel,
plugin_admin_enabled = true

demo

lenav-screenshot-1 lenav-screenshot-2

原文地址 https://lework.github.io/2021/09/30/grafana-nav/

Similar Posts

Comments