grafana二次开发界面炫酷 grafana二次开发 汉化

grafana二次开发在win10环境下的准备

• 1、配置环境

• 安装go语言环境
• 安装git
• 下载源码
• 安装gcc工具
• 安装node
• 编译前端代码
• 编译后端部分

1、配置环境

安装go语言环境

在官网下好go1.17.windows-amd64.msi文件默认安装就好了,然后添加环境变量

第一个变量安装完后会默认生成，第二个需要我们手动去添加

安装git

git 也是在官网下好之后默认安装可以了

下载源码

可以使用git 拉代码

git clone https://github.com/grafana/grafana.git

我这次下载的版本是"version": "8.1.0-pre"的版本
也可以直接下载压缩包

安装gcc工具

在编译go的代码的时候需要用到这个mingw-w64-install.exe 该工具我已经上传到我的资源当中

在终端中查看是否安装成功 gcc -v

到这一步恭喜你已经快大功告成了

安装node

可以直接在nodejs 官网下载node安装，我用用的是nvm 安装node
nvm 安装完过后 安装node
我下载的是grafana 8.1.0-pre的版本 指定node版本要大于14

nvm install 14.15.1 
nvm use 14.15.1

node 安装完以后安装yarn

npm install yarn

接下来安装一些工具

npm install -g node-gyp

以管理员身份运行cmd或powershell

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

编译前端代码

在代码的根目录下

yarn install --pure-lockfile 
// 如果下载依赖很慢可以使用科学上网的方法

运行

yarn start
// 如果没有报错那就完成了一半了,我这里是没有报错的

编译后端部分

同样在代码的根目录下面

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

成功编译过后你的根目录下面会多一个bin文件夹

全部执行完后你的整个目录结构应该是这样的

然后打开终端进入到刚刚编译好的bin目录下的windows-amd64目录下

运行编译好的exe文件

grafana-server.exe -homepath="C:\work\code\grafana-main"

=号后面是grafana代码的根目录 一定要用双引号

到这里已经大功告成了

到浏览器访问http://localhost:3000

大功告成了

在此之前踩了不少坑希望对你们有帮助