Grafana(三)Grafana 免密登录-隐藏导航栏-主题变换

一. 免密登录


Grafana 的常用方式: 将配置好的Grafana图嵌入到系统页面中

为了实现可免登录访问,可以通过如下方式进行设置:

1. 修改Grafana配置文件

在Grafana的配置文件 /etc/grafana/grafana.ini 中,找到 [auth.anonymous] 配置块,将其下的匿名访问控制 enabled 设置为 true,组织权限设置为 Viewer。

  • Viewer:只读模式
  • Editor :可编辑模式
  •  Admin:管理员模式
#################################### Anonymous Auth ######################
[auth.anonymous]
# enable anonymous access
enabled = true# specify organization name that should be used for unauthenticated users
org_name = Main Org.# specify role for unauthenticated users
org_role = Viewer

 之后重新运行容器,(这种方法网上有人成功过,但是我失败了)

2. 宿主机default.ini 进行挂载,本地修改default.ini容器配置改变

/usr/share/grafana/conf/defaults.ini

同样是复制到宿主机中,修改也是一样的。

docker run --name grafana  -p 3000:3000   -v 宿主机文件存放目录:/usr/share/grafana/conf/ grafana/grafana:10.2.2

通过浏览器访问,可以成功匿名登陆

3. 环境变量(最方便)

docker run -d --name=grafana -p 3000:3000  -e "GF_AUTH_PROXY_ENABLED=true"  -e "GF_AUTH_ANONYMOUS_ENABLED=true" -e "GF_SECURITY_ALLOW_EMBEDDING=true"  grafana/grafana:10.2.2

二. 隐藏导航栏

1. 修改grafana配置,开启允许嵌入及匿名访问

vim /etc/grafana/grafana.ini# 允许浏览器嵌入grafana
allow_embedding = true# 开启匿名访问
[auth.anonymous]
# enable anonymous access
enabled = true# 修改参数后需重启grafana

隐藏导航栏相当于URL后面加上参数 “&kiosk”


三. 主题变换

1. 主题展示

为了使Grafana看板更具吸引力,让页面不再单调,你可以通过一些简单的方式进行个性化定制。首先,你可以改变Grafana的主题色,使其更符合你的审美偏好。通过调整主题色,你可以选择更亮丽或更柔和的色彩,以满足你对色彩的不同需求

2. 插件下载 (当前版本为10.2.2,插件资源搜索是没有的,所以需要命令安装)

  •   docker  ps  查看容器id
CONTAINER ID   IMAGE                         COMMAND                   CREATED        STATUS        PORTSNAMES
6035c0634d6b   grafana/grafana:10.2.2        "/run.sh"                 41 hours ago   Up 25 hours   0.0.0.0:3000->3000/tcp                                                                        grafana
  •  查到 CONTAINER ID 然后进入容器 
# 进入容器
docker exec -it 6035c0634d6b bash
# 安装插件
grafana-cli plugins install yesoreyeram-boomtheme-panel
  • 安装完成后,需要重启容器
docker container restart 6035c0634d6b
  •  安装完成

 3. css资源下载,nginx配置访问   

https://codeload.github.com/charles1503/grafana-theme/zip/refs/heads/master

https://codeload.github.com/PettterWang/grafana_theme.park/zip/refs/heads/main

  • park的样式更多一点,将以上css文件解压到本地目录(服务器同理)

  •  nginx 搭建,用来访问E盘下文件夹里边css样式
# E:/css 为我本地目录文件 /var/car_image 为挂载之后本地目录的位置
docker run -d -p 85:80 -v E:/css:/var/car_image nginx
  • 当我们挂载之后去容器目录/etc/nginx配置里找到nginx.conf 

 加入下列代码

# /car_image/ 为浏览器输入路径(别名)
# /var/car_image/ 为实际存在的路径
# autoindex on; 允许访问目录
server {location /car_image/ {alias /var/car_image/;autoindex on;}

  •   保存重新启动
docker restart 容器id或者容器名字
  •   接下来我们可以在浏览器输入ip地址加端口以及我们所配置的目录,效果如下
  •   (这里我挂载的是整个E盘目录) 所以效果显示及如下,我们可以用路径访问到任何css样式


4. grafana 主题修改

  • 新建一个空白的仪表盘及视图

  •  进入视图,点击圈出红色部分进行下拉,选中我们下载好的插件

  • 插件对应视图会显示系统自带的两种主题

  • 点击圈出蓝色按钮来对主题进行添加

  •  可以有两种方式替换背景,第一种为背景图片,第二种为css样式

  • http链接地址为我们配置nginx所访问css本地路径 

  •  点击背景测试按钮来进行主题颜色更改

  •  点击css样式测试按钮来进行主题颜色更改

  •  设置进入视图默认主题,保存,进入仪表盘默认展示为当前默认主题

  •  为了方便,我们可以把写好的组件放入库面板,方便以后进行加载

  •  加载完成

  •  为了不影响我们图表展示内容 ,点击Hide Theme Picker 对该视图按钮进行隐藏

  •  标题进行隐藏

  • 返回页面,组件隐藏掉了,但是还在原来的位置,我们可以对她的大小就行调整 ,放置到角落不影响我们图表的展示

  •  现在我们可以随机定义放置图表

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/418764.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

6. Spring Boot的starters

6. Spring Boot的starters(重要) 一般认为,SpringBoot 微框架从两个主要层面影响 Spring 社区的开发者们: 基于 Spring 框架的“约定优先于配置(COC)”理念以及最佳实践之路。提供了针对日常企业应用研发各种场景的 spring-boot…

Linux系统——yum有趣的玩法

会说话的汤姆猫 [rootlocalhost ~]#yum install -y boxes 已加载插件:fastestmirror, langpacks Loading mirror speeds from cached hostfile* base: mirrors.bfsu.edu.cn* epel: mirror.nyist.edu.cn* extras: mirrors.nju.edu.cn* updates: mirrors.bupt.edu.c…

VIM工程的编译 / VI的快捷键记录

文章目录 VIM工程的编译 / VI的快捷键记录概述笔记工程的编译工程的编译 - 命令行vim工程的编译 - GUI版vim备注VIM的帮助文件位置VIM官方教程vim 常用快捷键启动vi时, 指定要编辑哪个文件正常模式光标的移动退出不保存 退出保存只保存不退出另存到指定文件移动到行首移动到行尾…

list下

文章目录 注意:const迭代器怎么写?运用场合? inserterase析构函数赋值和拷贝构造区别?拷贝构造不能写那个swap,为什么?拷贝构造代码 面试问题什么是迭代器失效?vector、list的区别? 完整代码 注…

C++编译和链接

文章目录 编译预处理预处理做的事情包含头文件宏定义条件编译解决头文件重复包含问题方法一、#ifndef方法二、#pragma once 编译和链接源代码的组织编译链接更多细节 编译预处理 C程序编译的过程:预处理-》编译(优化、汇编)-》链接 预处理指…

PowerBI Copilot 零售数据分析自动化报告实战

读了三篇powerbi copilot的文章,想必大家对此都有了大致的了解: Copilot in Power BI等了好久终于等到今天 Copilot in Power BI详细使用说明 PowerBI Copilot已全面支持中文识别 有小伙伴提出如下问题: 老师这个是不是还得在powerbi des…

【linux】ps的基本使用

ps是linux中用于显示进程的工具,确切来说是显示活动进程的工具 ps的基本格式是 ps [选项] sh-3.2# ps --help ps: illegal option -- - usage: ps [-AaCcEefhjlMmrSTvwXx] [-O fmt | -o fmt] [-G gid[,gid...]][-g grp[,grp...]] [-u [uid,uid...]][-p pid[,pid..…

python进程间通信——命名管道(Named Pipe、FIFO)

文章目录 Python中的命名管道:深入理解进程间通信1. 命名管道简介2. 创建和删除命名管道3. 写入命名管道4. 读取命名管道5. 示例:进程间通信write_to_pipe.pyread_from_pipe.py测试运行 6. 注意事项和限制命名管道的半双工机制命名管道读写任意一方未打开…

事件驱动架构

请求驱动 服务注册,服务发现,虽然调用地址隐藏了,但是调用stub必须相同。 rpc通信,远程调用。 生产者和消费者要有相同的stub存根。 消费者和生产者的调用接口是耦合的。 事件驱动 核心:上下游不进行通信 中间通过M…

Vue的生命周期方法

beforeCreate 在实例初始化之后,数据观测(data observe)和 event/watcher 事件配置之前被调用。在当前阶段 data、methods、computed 以及 watch 上的数据和方法都不能被访问。 created 实例已经创建完成之后被调用。在这一步,实…

32 登录页组件

效果演示 实现了一个登录页面的样式,包括一个容器、左侧和右侧部分。左侧部分是一个背景图片,右侧部分是一个表单,包括输入框、复选框、按钮和忘记密码链接。整个页面的背景色为白色,容器为一个圆角矩形,表单为一个半透…

OB OCP工具

文章目录 OCP产品架构OCP核心功能集群管理-集群拓扑图告警管理 OCP OCP(OceanBase Cloud Platform)是企业级数据库管理平台OceanBase 云平台(OceanBase Cloud Platform,OCP)是以 OceanBase 为核心的企业级数据库管理平…