本文档介绍了如何从头开始开发一个Grafana插件，特别是从一个React的视角出发。首先，作者提供了学习资源，包括官方插件Demo和GitHub上的插件参考。接着，详细描述了需求分析过程，即开发一个用于展示log日志的插件。文章深入到实际操作，包括下载React模板、移植内容到指定目录、配置和打包插件，以及在Grafana中测试插件。通过分析`Simple React Panel`和`table2`插件，逐步解析关键文件如`package.json`、`plugin.json`、`module.tsx`、`SimplePanel.tsx`和`SimpleEditor.tsx`，帮助读者理解Grafana插件的工作原理。
前言
接上一篇Grafana 入门、安装和命令 (mac)，如果你木有安装的话，记得先安装一下哦
我自己觉得开发一个插件不难，但是开发一个通用化的插件有点小麻烦（主要是配置那块）
插件学习(参考)
1.官网插件
官网plugin Demo链接：https://grafana.com/docs/plugins/developing/development/
官网有五个demo可以给大家参考，有Angular和React
还有两个教程，讲解 Clock panel 的构建
2. Grafana github plugin参考
grafana github里有写默认的配置开发下载下来看了一下源码，感觉还OK, 没有辣么难看懂
Grafana github plugin链接：https://github.com/grafana/grafana/tree/master/public/app/plugins/panel
需求分析
开发哥哥跟我说，要的是log日志展示的一个插件，然后，给我展示的是表格（table）的样子。
我就去官网插件库，看到了两个table组件。
最低0.47元/天 解锁文章
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
