1 Grafana环境搭建

1.1 搭建后端服务

下载windows安装版文件grafana.com

1)选择版本号:此处我选的8.3.3版本

Grafana二次开发环境搭建-LMLPHP

2)安装完成后,请记住安装目录 ,我的是在 D:\software\Gragana833 安装完成后会自动运行,

Grafana二次开发环境搭建-LMLPHP

3)此时,可以直接访问http://localhost:3000

Grafana二次开发环境搭建-LMLPHP

1.2 前端环境搭建

Grafana前端项目依赖yarn,请提前安装yarn包管理工具

(1)拉取分支代码

(2)修改安装的Grafana后端服务的配置文件

修改D:\software\Gragana833\grafana\conf\defaults.ini文件中的static_root_path属性指向本地 grafana代码 目录下的 public 。此处的public 是前端经过编译后的静态文件。(我的本地代码路径为E:\east-code\grafana\public)

Grafana二次开发环境搭建-LMLPHP

(3)重启后端服务

Grafana二次开发环境搭建-LMLPHP

(3)启动前端项目

yarn install
yarn start

项目启动成功后,浏览器地址栏输入 http://localhost:3000 即可看到Grafana的UI界面

03-09 19:41