前言

grafana是一款功能强大的数据可视化软件，支持多种数据源。本文将介绍如何配置grafana开发环境，可对其进行汉化等处理。

如果不二次开发，可参照文档直接安装已编译的版本：grafana.com/grafana/dow…

下文介绍的配置方法可用于修改grafana源码

开发环境：MacOS

grafana 依赖 node 和 go ，需要先安装好 node 和 go。

一.安装 node

我这里的 grafana 是 7.5， 需要 14 版本的 node

安装 node 有两种方式

1.如果之前没有装过，直接 brew install node 就可以了，这样安装的 node 默认是最新版本，如果需要指定版本，可以在 node 后 通过 @ 来指定安装某个版本。

2.通过版本管理神器 n 来升级

npm i n -g  // 安装 node 版本管理神器
n -V // 安装后查看 n 的版本
n latest // 使用或安装最新的官方发布：
n stable // 使用或安装稳定的正式版本：
n lts // 使用或安装最新的LTS正式版本：

安装好 node 后顺便升级下 npm

npm i npm@latest -g

编辑.npmrc

$ vi ~/.npmrc

添加如下内容（设置淘宝镜像）：

sass_binary_site = https://npm.taobao.org/mirrors/node-sass/
phantomjs_cdnurl = https://npm.taobao.org/mirrors/phantomjs/
registry = http://registry.npm.taobao.org

二.安装 go

通过 brew 安装 go

brew install go // 安装 golang

然后查看 go 的环境变量配置

go env

上面的命令默认得到如下信息

GOARCH="amd64"
GOBIN=""
GOCACHE="/Users/wilding/Library/Caches/go-build"
GOENV="/Users/wilding/Library/Application Support/go/env"
GOEXE=""
GOFLAGS=""
GOHOSTARCH="amd64"
GOHOSTOS="darwin"
GOINSECURE=""
GOMODCACHE="/Users/wilding/go/pkg/mod"
GONOPROXY=""
GONOSUMDB=""
GOOS="darwin"
GOPATH="/Users/wilding/go"
GOPRIVATE=""
GOPROXY="https://goproxy.cn"
GOROOT="/usr/local/Cellar/go/1.16.4/libexec"
GOSUMDB="sum.golang.org"
GOTMPDIR=""
GOTOOLDIR="/usr/local/Cellar/go/1.16.4/libexec/pkg/tool/darwin_amd64"
GOVCS=""
GOVERSION="go1.16.4"
GCCGO="gccgo"
AR="ar"
CC="clang"
CXX="clang++"
CGO_ENABLED="1"
GOMOD="/dev/null"
CGO_CFLAGS="-g -O2"
CGO_CPPFLAGS=""
CGO_CXXFLAGS="-g -O2"
CGO_FFLAGS="-g -O2"
CGO_LDFLAGS="-g -O2"
PKG_CONFIG="pkg-config"
GOGCCFLAGS="-fPIC -arch x86_64 -m64 -pthread -fno-caret-diagnostics -Qunused-arguments -fmessage-length=0 -fdebug-prefix-map=/var/folders/yr/qz8g29fn26d94f79sc1ncr040000gn/T/go-build1846110959=/tmp/go-build -gno-record-gcc-switches -fno-common"

注意 GOPATH 地址，在 "/Users/wilding/go"下，其中 wilding 是我的用户名。wilding 下是没有 go 这个文件夹，需要我们自己建立。

假如我们想写一个 go 的hello world，就需要把这个程序放到 go 目录下。

假如想要修改 GOPATH 也是可以的。用如下命令：

vim ~/.bash_profile

添加如下代码：export GOPATH="XXXXXXXXXX" 然后快捷键 shift + zz 关闭文件

到这一步，go 就算安装到我们的电脑里了。

三.下载grafana源码

从GitHub上获取代码，地址 github.com/grafana/gra… ，切换分支到稳定版本7.5.7，基于该版本进行二次开发。

clone完我们需要的代码后，就可以开始编译。

开始编译

$ yarn config set PUPPETEER_SKIP_CHROMIUM_DOWNLOAD 1
$ yarn install --pure-lockfile
$ yarn start

四.启动前后端环境

在上述操作后yarn start后会如图所示（或者类似的），这时候在项目里的public/build/里已经有编译后的文件了

接下来就是后端环境了 分别输入

go run build.go setup go run build.go build

编译完成后，会看到项目里多了个bin文件夹

然后输入(如果和笔者bin底下的文件夹名字不一致，只要运行到最后一层的grafana-server就行，这是关键）

./bin/darwin-amd64/grafana-server

然后出现

访问http://localhost:3000 输入初始账号admin和初始密码admin

----------大功告成-----------