Grafana开发环境搭建

本次介绍一下Mac/Windows环境源码编译步骤。

依赖

  • 安装Go 1.11.5(根据不同系统环境选择需要下载的包)
  • 安装Git
  • 安装NodeJS LTS
  • 安装sqlite3 (Mac自带,Windows需要自己下载)

GO 环境搭建

环境变量中添加GOPATH

windows系统环境下

Grafana开发环境搭建_第1张图片
设置环境变量

Mac系统环境下

vi .bash_profile
export GOPATH="/Users/Jon/go"
export GOROOT="/usr/local/Cellar/go/1.11.5/libexec"
export PATH=$GOROOT/bin:$PATH
export PATH=$GOPATH/bin:$PATH
Grafana开发环境搭建_第2张图片
Mac设置环境变量

编译安装grafana步骤

1. 创建$GOPATH/src/github.com/grafana/grafana目录,然后git最新的代码到此目录.

mkdir $GOPATH/src/github.com/grafana/grafana

从GitHub上将grafana源码克隆到$GOPATH目录下:

go get github.com/grafana/grafana

如果上面下载过慢,直接 clone https://github.com/grafana/grafana

2. 进入$GOPATH/src/github.com/grafana/grafana目录下编译后端:

cd $GOPATH/src/github.com/grafana/grafana
go run build.go setup
go run build.go build              # (or 'go build ./pkg/cmd/grafana-server')

3. 如果是Windows环境执行

npm --add-python-to-path='true' --debug install --global windows-build-tools

4. 编译前端:

npm install -g yarn
yarn install --pure-lockfile
yarn watch

关于node-sass的报错时,删除node_modules,然后安装 node-gyp(执行命令npm install -g node-gyp安装即可),最后再次执行yarn install --pure-lockfile以及其后命令。


Grafana开发环境搭建_第3张图片
删除node_modules

5. Windows系统

需将$GOPATH/src/github.com/grafana/grafana/conf中的simple.ini复制并且重命名为custom.ini,在custom.ini配置文件中搜索http_port,去掉该行前面的分号;,并将端口改为其他未被占用的端口,因为grafana在Windows中3000端口有其他特殊的用途。

Grafana开发环境搭建_第4张图片
配置端口

6. 启动grafana服务

进入$GOPATH/src/github.com/grafana/grafana目录,执行如下命令(可使用powershell执行):

./bin/grafana-server

在Windows中也可直接双击grafana-server.exe来启动grafana。服务启动之后就可以在浏览器中访问了(默认为http://localshot:3000)。

Grafana开发环境搭建_第5张图片
使用PowerShell

7. 需要开发grafana时,使用bra工具监听后端代码的更改并重新编译:

go get github.com/Unknwon/bra
bra run

监视前端的更改(typescript,html,sass):

npm run watch

参考资料

Building Grafana from source

你可能感兴趣的:(Grafana开发环境搭建)