安装说明:

由于在windows环境安装grafana,第一次安装的是8.2.2版本,后端编译时一直报错,故安装了8.1.7

该错误在 grafana 的源码问题中可以找到,但针对 windows 暂时没找到好的解决方法https://github.com/grafana/grafana/issues?q=undefined%3A+server.Initialize

安装指南可以参考官网:https://grafana.com/blog/2021/03/03/how-to-set-up-a-grafana-development-environment-on-a-windows-pc-using-wsl/

环境配置:

安装go语言环境:

官网下载go,下载地址:https://dl.google.com/go/go1.17.2.windows-amd64.msi,默认安装,配置环境变量

GOPATH:项目路径

GOROOT:go安装路径

GOPROXY:https://goproxy.cn   go 模块安装的代理

path:%GOPATH%/bin          go 的启动命令

测试go是否安装配置成功:

安装gcc工具

官网提供了安装路径:TDM-GCC 10.3.0 release | tdm-gcc (jmeubank.github.io),下载成功后默认安装就可以

验证安装是否成功命令:

安装node

可以在nodejs 官网下载node安装,我用的是nvm 安装node
我下载的是grafana 8.1.7的版本 指定node版本要大于14,故安装的16.13.0版本的node,命令:nvm install 16.13.0,安装成功后,切换使用命令:nvm use 16.13.0,切换使用16.13.0版本的node

安装yarn:(慢的话可以使用淘宝源:npm config set registry https://registry.npm.taobao.org/)

npm install -g yarn

验证yarn是否安装成功:

安装node-gyp

npm install -g node-gyp

以管理员身份运行cmd:

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

若已安装python,可以直接安装windows-build-tools: npm install -g windows-build-tools

下载源码

可以使用git 拉代码,也可以下载源码包,8.1.7版本git源码地址:https://github.com/grafana/grafana/tree/v8.1.7,我是直接下载的源码包,比较快些

编译前端代码

在grafana根目录下打开cmd命令窗口:

执行以下命令,安装依赖:

yarn install --pure-lockfile

安装成功后,执行yarn start,启动前端

编译后端部分

在grafana根目录下打开cmd命令窗口,分别运行以下两条命令,编译后端代码:

go run build.go setup

go run build.go build

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

启动后端

打开终端进入到刚刚编译好的bin目录下的windows-amd64目录下,执行以下命令启动后端:注意-homepath后是grafana安装目录

grafana-server.exe -homepath="C:\go\src\github.com\grafana\grafana-8.1.7"

启动成功:

访问http://localhost:3000可以成功,用户名/密码为:admin/admin,登录成功后,修改admin密码

前端打包

通过yarn build编译打包前端代码

二次开发的grafana(前端)部署到linux环境

通过官网下载所编译版本的grafana的tar包:https://grafana.com/grafana/download?edition=oss

将tar包中的public目录替换为自己编译项目的public目录,压缩包上传到服务器,解压压缩包,conf文件复制sample.ini为custom.ini,修改相应配置,通过./bin/grafana-server web启动项目

若执行./bin/grafana-server web报错,执行chmod u+x ./bin/grafana-server后,再次执行命令启动项目

grafana二次开发环境配置(windows10)的更多相关文章

  1. C#进行CAD二次开发环境配置

    最近被公司分配到了做CAD二次开发.也是初次接触这方面的东西,其实是有些无从下手的感觉.因为公司这边也没有人有时间带我,只能是自己看书,然后再写一些Demo,再结合实际的应用来一点点的学习.废话不多说 ...

  2. Revit二次开发环境配置(Revit 2020 +Visual Studio 2019)

    Revit二次开发环境搭建(Revit 2019+Visual Studio 2017)准备内容 Revit 2019开发环境的搭建,需要安装的内容如下: Revit 2019(主要的开发环境) Vi ...

  3. xshell远程终端操作Ubuntu server安装LAMP环境之最详细笔记之二PHP开发环境配置

    前言: 昨天学会了安装server,今天试着通过远程终端xshell来安装LAMP,搭配一下开发环境,也有集成环境可以一键安装使用,还是瞎折腾一下,手动一步一步搭建一下这个开发环境. 接上一篇:ubu ...

  4. JMeter二次开发环境配置

    本文主要介绍如何在Eclipse中配置JMeter开发环境. 一.下载JMeter源码 1.在JMeter官网下载二进制包和源码包: 解压备用: 二进制解压后文件夹名称为“jmeter_release ...

  5. 开发环境配置--Ubuntu+Qt4+OpenCV(二)

    同系列文章 1. 开发环境配置--Ubuntu+Qt4+OpenCV(一) 2. 开发环境配置--Ubuntu+Qt4+OpenCV(二) 3. 开发环境配置--Ubuntu+Qt4+OpenCV(三 ...

  6. Windows10系统PHP开发环境配置

    Windows下搭建(Apache+PHP+MySQL)=>WAMP Linux下搭建(Apache+PHP+MySQL) =>LAMP PHP开发环境配置一般有套件安装和自定义安装两种方 ...

  7. 联盛德 HLK-W806 (二): Win10下的开发环境配置, 编译和烧录说明

    目录 联盛德 HLK-W806 (一): Ubuntu20.04下的开发环境配置, 编译和烧录说明 联盛德 HLK-W806 (二): Win10下的开发环境配置, 编译和烧录说明 联盛德 HLK-W ...

  8. 沁恒CH32V003(二): Ubuntu20.04 MRS和Makefile开发环境配置

    目录 沁恒CH32V003(一): CH32V003F4P6开发板上手报告和Win10环境配置 沁恒CH32V003(二): Ubuntu20.04 MRS和Makefile开发环境配置 硬件准备 沁 ...

  9. java web开发环境配置系列(二)安装tomcat

    在今天,读书有时是件“麻烦”事.它需要你付出时间,付出精力,还要付出一份心境.--仅以<java web开发环境配置系列>来祭奠那逝去的…… 1.下载tomcat压缩包,进入官网http: ...

  10. (二)react-native开发系列之windows开发环境配置

    之前写了react-native在mac上得环境搭建,但是如果只开发android的话,只要用windows系统就可以了,下面就来说下react-native的windows开发环境配置. 1.下载配 ...

随机推荐

  1. [OpenCV实战]22 使用EigenFaces进行人脸重建

    目录 1 背景 1.1 什么是EigenFaces? 1.2 坐标的变化 2 面部重建 2.1 计算新面部图像的PCA权重 2.2 使用EigenFaces进行面部重建 3 参考 在这篇文章中,我们将 ...

  2. xcode运行sh权限问题

    Showing Recent Messages Command /bin/sh emitted errors but did not return a nonzero exit code to ind ...

  3. 图文并茂strapi 4.5.5自定义搭建指南以及数据库字段名接口返回mapping分析

    strapi是什么? 基于Nodejs的开源免费CMS框架 为什么选择它? 基于nodejs,100%JavaScript,上手迅速 可轻松创建功能强大且可自定义的API 可以使用任何喜欢的数据库 先 ...

  4. 《深入理解Java虚拟机》第三章读书笔记(三)——经典垃圾回收器

    系列文章目录和关于我 一丶概述 上图展示了 经典的垃圾回收器,其中Serial,ParNew,Parallel Scavenge(途中的Parallel) 作用在新生代Serial Old CMS,P ...

  5. immutable.js学习笔记(八)----- immutable.js对象 和 原生对象的相互转换

    一.原生对象转换为immutable.js对象 fromJS 栗子一: 栗子二: 如果数组里面有对象,对象里面有数组,怎么转换呢 复杂结构的转换 二.immutable.js对象转换为原生对象 toJ ...

  6. LeetCode_806. 写字符串需要的行数

    题目 难度:简单 原文:https://leetcode-cn.com/problems/number-of-lines-to-write-string/ 题目 我们要把给定的字符串 S 从左到右写到 ...

  7. php上传微信素材

    private function HttpsUpdateFileServerRequest($url,$path_img){ $curl = curl_init (); if (class_exist ...

  8. LeetCode_单周赛_332

    6354. 找出数组的串联值 题意 将数组首尾元素接在一起,就是串联值. 串联之后删除,如果只剩下一个元素,加上这个元素即可 双指针,从首和尾向中间移动即可 code 注意:用 long 没看题目用了 ...

  9. Vue11 vue的data中属性的值(基础数据类型和对象)

    1 代码 <body> <div id="root"> <h1>{{name}}</h1> <h1>{{obj}}< ...

  10. 4.12 疫情数据可视化 毕设(初稿版 crud+可视化echarts

    4.22 完成地图 数据可视化~~~  599x150 解决不显示图片的问题 参考文档 https://blog.csdn.net/qq_51917985/article/details/121380 ...