基本环境要求:

以下基本环境需自己安装好哦,这里不多介绍,不懂自己查。

  • go编译器(设置好代理)
  • node.js (安装yarn和国内下载源)
  • gcc(window安装MinGW)

grafana开发环境搭建:

  1. 下载grafana源码包解压,地址:https://github.com/grafana/grafana/releases
    解压后用goland打开根目录,如下图所示:

  2. 前端:

打开下面终端直接输入 yarn 下载所需依赖包,等待下载完即可,如下图所示:

然后 yarn start 运行,如下图所示

  1. 后端:

linux/mac直接在根目录终端运行make run即可。运行完如下图所示:

win即使安装了make也会运行失败,因为makefile有很多.sh的shell脚本win不识别,如下图:

解决思路:

make run 命令对应Makefile如下命令:

其实就是 bra run, bra这个命令是golang的一个工具,持续监控指定类型的文件是否发生变化,发生变化会执行某种操作(重编译等),其配置文件在项目根目录.bra.toml, 打开文件可以看到如下:

.bra.toml命令就又回到Makefile的命令了
[“make”, “gen-go”] 等于 [“wire”, “gen”, “-tags”, “oss”, “./pkg/server”, “./pkg/cmd/grafana-cli/runner”],
所以按照如下对.bra.toml修改即可, 之后用bra run 代替 make run

最后是下载这两个二进制工具bra.exe和wire.exe

go get github.com/unknwon/bra
go install github.com/google/wire/cmd/wire@latest

终端运行bra run 如下图所示:

在网页输入http://localhost:3000 如下图所示:
开发环境搭建好了基本就等于汉化完了。后面汉化都很简单

汉化方法:

汉化大部分在前端更改,导航栏的字段在后端。
也不用费力去挨个找,直接ctrl+alt+F全局查找关键字段,然后在修改即可,修改后前后端都会自动重新编译,刷新网页查看效果即可,例如:



最后关于部署问题:

前端文件:

yarn start 对应开发环境,此时未对前端资源压缩;
yarn build 对应的是生产环境,此时会对前端资源压缩;
打包好的前端文件在public目录,全平台通用,替换原目录就行了。

  • 未压缩和压缩对比:

后端文件:

根目录pkg对应后端源码文件
根目录bin对应后端编译好的可执行二进制文件
部署时,将bin目录文件替换原grafana文件bin目录

汉化效果



grafana-汉化方法相关推荐

  1. Grafana 汉化

    Grafana 汉化 之前在k8s中安装kube-prometheus,然后发现grafana点的不是很明白,就在b站看点视频,发现up主的视频还可以,看见他还有汉化的代码,就试了试. 但是最好安装的 ...

  2. spyder汉化方法

    spyder汉化方法: 1.下载安装好Anaconda3:在此强调请安装Anaconda3,如果是anaconda2,汉化可能会遇到出错或者乱码问题. 2.spyder的版本至少在3.x以上.(查看方 ...

  3. devexpress控件的2种汉化方法,官方想得很周到

    devexpress控件库默认安装后,使用的本地资源为英文.但其实它都有本地化资源包,比如按钮属性,控件属性描述,菜单项,确认和错误的信息等等,所有这些资源字符串可以很容易地被翻译成各种语言.对于要求 ...

  4. Pycharm的汉化方法(pycharm改为中文版)

    很多开始接触python的朋友都会用到一款工具:pycharm,但默认是英文版的不知从何下手,本文介绍两种不同的pycharm汉化方法,将其变为中文版的界面.(对于windows电脑和mac电脑均有说 ...

  5. 【汉化】DevExpress插件中RichEdit控件的自定义汉化方法

    本文实现方法参考:http://blog.csdn.net/ljsql/article/details/5487460 DevExpress插件,官方提供的汉化包中关于RichEdit控件的汉化基本没 ...

  6. matlab函数汉化方法

    软件界面汉化的方法有很多种,一般安装时已经汉化,如果没有汉化按下图操作 第一步 函数帮助汉化的前提需要登录matlab账户 个人账户:名字全拼(第一个字母大写,其他全部小写)+1919

  7. Mac版本的vs code汉化方法

    方法一 在已经安装好英文版本的情况下,打开此页面安装插件,打开界面如下: 点击安装按钮,会提示跳转到vs code,然后点击install进行安装即可. 安装完成之后,重新启动vs code就可以看到 ...

  8. DataGrip汉化方法

    前言 由于申请了高校的教育邮箱可以免费用JetBrains公司所有的产品,自然不能放过这个看起来高大上的DataGrip,奈何英文水平不够,界面上很多东西都看不懂,也没找到中文选项,所以只能想办法汉化 ...

  9. VMware安装kali linux 和中文汉化方法

    1.官网下载镜像: 链接:https://www.offensive-security.com/kali-linux-vm-vmware-virtualbox-image-download/ 选择适合 ...

  10. MyEclipse 6.5GA 下载 + 汉化方法

    1.先去下载MyEclipse6.5 GA MyEclipse6.5 GA 版下载地址:http://downloads.myeclipseide.com/downloads/products/ewo ...

最新文章

  1. oracle包函数过程,oracle 函数,包,存储过程简单实例
  2. 漫游Kafka设计篇之消息传输的事务定义
  3. python技术是什么_学 Python 都用来干嘛的?
  4. 的函数原型_JS基础函数、对象和原型、原型链的关系
  5. 关于castle和Could not find the dialect in the configuration错误
  6. 在嵌入式公司和在互联网公司写软件,有什么区别?
  7. 最新京东炸年兽活动一键做任务工具v1.4
  8. php调用第三方的api,PHP接口编程——调用第三方接口获取天气
  9. getBoundingClientRect()来获取页面元素的位置”
  10. VC编程使计算机休眠
  11. 网络工程师中级--上午科目
  12. Spy++ —— 窗口、消息查看分析利器
  13. 一张纸厚度是多少毫米_10张纸的厚度大约是多少10张纸能有多厚
  14. CSS总结---持续更新中 2022.8.4
  15. 四川E900s-Hi3798MV100-黑盒8G版-黄标签高安版-5800-2AHPM6B-当贝桌面强刷卡刷包
  16. 你知道路由器,但是你知道交换机吗?
  17. 929. 独特的电子邮件地址
  18. 《Android源码设计模式》之迭代器模式
  19. C/C++ bind函数应用详解
  20. Android高德地图加载WMS服务应用实践

热门文章

  1. Egg 实现一个 mTime 时光网
  2. 【数据融合】基于AIS和雷达的多传感器航迹融合附matlab代码
  3. 微雪树莓派PICO笔记——7. SPI(串行外设接口)
  4. 算法-第四版-练习1.3.19解答
  5. 向VISUAL SVN SERVER上传文件时报错
  6. c语言中字符串转数字函数
  7. Java多线程——计算1-20阶乘和
  8. matlab中介电常数表示,介电常数(中).doc
  9. 软件设计师教程-数据库
  10. TED很火,如何利用TED学习英语