grafana的前端技术_Grafana 插件开发入门 - 前端视角（React）-Go语言中文社区

前言

接上一篇Grafana 入门、安装和命令 (mac)，如果你木有安装的话，记得先安装一下哦

我自己觉得开发一个插件不难，但是开发一个通用化的插件有点小麻烦(主要是配置那块)

插件学习(参考)

1.官网插件

官网有五个demo可以给大家参考，有Angular和React

还有两个教程，讲解 Clock panel 的构建

2. Grafana github plugin参考

grafana github里有写默认的配置开发下载下来看了一下源码，感觉还OK, 没有辣么难看懂

需求分析

开发哥哥跟我说，要的是log日志展示的一个插件，然后，给我展示的是表格(table)的样子。

我就去官网插件库，看到了两个table组件。

展开学习调研

table2的插件更为容易上手，所以我先下载了一个 React的初始化模板以后，把内容移植了过去

放入插件编译位置

MAC电脑放入插件编译位置 -  /usr/local/var/lib/grafana/plugins

1.目录分析

package.json 文件

{

"name": "simple-react-panel",

"