1 Grafana环境搭建
1.1 搭建后端服务
下载windows安装版文件 grafana.com
1)选择版本号:此处我选的8.3.3版本

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

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

1.2 前端 环境搭建
Grafana前端项目依赖yarn,请提前安装yarn包管理工具
|------|---------|
| 环境依赖 | 版本号 |
| node | 16.20.0 |
| yarn | latest |
(1)拉取分支代码
(2)修改安装的Grafana后端服务的配置文件
修改D:\software\Gragana833\grafana\conf\defaults.ini文件中的static_root_path属性指向本地 grafana代码 目录下的 public 。此处的public 是前端经过编译后的静态文件。(我的本地代码路径为E:\east-code\grafana\public)

(3)重启后端服务

(3)启动 前端 项目
yarn install
yarn start
项目启动成功后,浏览器地址栏输入 http://localhost:3000 即可看到Grafana的UI界面