grafana的前端技术_Grafana开发环境搭建

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

依赖

安装Go 1.11.5(根据不同系统环境选择需要下载的包)

安装sqlite3 (Mac自带，Windows需要自己下载)

GO 环境搭建

环境变量中添加GOPATH

windows系统环境下

设置环境变量

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

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

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以及其后命令。

删除node_modules

5. Windows系统

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

配置端口

6. 启动grafana服务

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

./bin/grafana-server

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

使用PowerShell

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

go get github.com/Unknwon/bra

bra run

监视前端的更改(typescript，html，sass)：

npm run watch

参考资料