# Grafana 二次开发流程记录

  1. Grafana Github 地址: https://github.com/grafana/grafana
  2. git clone https://github.com/grafana/grafana.git
  3. git checkout 23956557d8
  4. 详细 Dev 文档地址: https://github.com/grafana/grafana/blob/main/contribute/developer-guide.md

# 前端 Frontend

前端依赖 yarn,23956557d8 branch 需要 yarn3.1.1,如果使用其他版本有可能在执行 yarn start 时候卡在 94%(同事有遇到过)。

$> yarn set version <version>

  1. yarn install --immutable
  2. yarn start

设置 yarn 版本参考: https://yarnpkg.com/cli/set/version

# 后端 Backend

后端以 windows 为例,依赖 go,gcc (下载 TDM-GCC 即可),wire,另外这些安装好后,需要将他们配置到环境变量,方便使用

# 系统变量
GOPATH:D:\go\path
GOROOT:D:\go
# PATH
D:\gcc\bin
C:\Users\jalchu\go\bin

TDM-GCC 下载地址: https://github.com/jmeubank/tdm-gcc/releases/download/v10.3.0-tdm64-2/tdm64-gcc-10.3.0-2.exe

wire Github 地址: https://github.com/google/wire#installing

安装 wire:

go install github.com/google/wire/cmd/wire@latest

将 $GOPATH/bin/wire.exe 添加到 PATH 方便下面使用

# 执行
cd grafana
wire.exe gen -tags oss ./pkg/server ./pkg/cmd/grafana-cli/runner
go run build.go build

运行结束后会在 grafana 根目录下生成 /bin/windows-amd64 文件夹,该文件夹下有 grafana-server.exe 可执行文件,通过以下命令启动即可

D:\webstorm\workspace\grafana\bin\windows-amd64> .\grafana-server.exe -homepath="D:\webstorm\workspace\grafana"

# 测试

浏览器访问 localhost:3000

登录默认账号和密码: admin/admin

修改前端登录表单,看浏览器是否有变化

D:\webstorm\workspace\grafana\public\app\core\components\Login\LoginForm.tsx

modify some label to see the login page changes.

更新于 阅读次数

请我喝[茶]~( ̄▽ ̄)~*

Jalen Chu 微信支付

微信支付

Jalen Chu 支付宝

支付宝

Jalen Chu 公众号

公众号