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

news2025/2/25 18:19:27

一. 免密登录


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        PORTS
                                                                          NAMES
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.coloradmin.cn/o/1401302.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

HarmonyOS开源软件Notice收集策略说明

开源软件Notice是与项目开源相关的文件,收集这些文件的目的是为了符合开源的规范。 收集目标 只收集打包到镜像里面的模块对应的License;不打包的都不收集,比如构建过程使用的工具(如clang、python、ninja等)都是不收…

如何进行正确的 CodeReview

软件开发生命周期中至关重要的一步是代码审查。它使开发人员能够显著提升代码质量。它类似于书籍的创作过程。首先,作者写故事,然后经过编辑以确保不会出现诸如混淆“you’re”和“yours”之类的错误。在这个语境中,代码审查指的是检查和评估…

云原生架构体系和重点概念解读

【摘要】大部分人对云原生的认识仅限于容器、微服务、DevOps等内容,把容器、微服务、 DevOps就等同于云原生,这显然是不对的。本文梳理了云原生架构体系内容并对重点概念进行了解读,希望对读者有所帮助。 云原生(Cloud-Native&am…

八股文学习日常第一期(20240121)

零、前言 1、目的 帮助掌握面试题,就八股文相关内容展开进行学习和整理,也方便之后的复习和巩固。 2、八股文内容来源 ①https://blog.csdn.net/w20001118/article/details/125724647 一、具体内容分析 1、类的完整书写方式 1.1、类 [Access Mod…

java面试题——多线程01

1.java中线程的实现方式? 常见的一般是4种: 继承Thread类实现Runnable接口通过callable接口,实现有返回值的线程基于线程池的实现 虽说有四种,但究其根本,其实都是实现的Runnable接口 2.java中线程的状态?…

机器学习周报第29周

目录 摘要Abstract一、文献阅读1.论文标题2.论文摘要3.论文背景4.论文方案4.1 多视角自注意力网络4.2 距离感知4.3 方向信息4.4 短语模式 二、self-attention 摘要 本周学习了多视角自注意力网络,在统一的框架下联合学习输入句子的不同语言学方面。具体来说&#x…

高中电学实验4

欧姆表中值电阻为内阻。 满偏电阻e/满偏电流 量程变小,就是满偏电阻变小。 如果量程变为10分之1,满偏电阻变为10分之1。 电动势不变,干路电流变为原来的10倍。 就是分流的电流为量程的9倍。

【现代密码学基础】详解完美安全与不可区分安全

目录 一. 介绍 二. 不可区分性试验 三. 不可区分性与完美安全 四. 例题 五. 小结 一. 介绍 敌手完美不可区分,英文写做perfect adversarial indistinguishability,其中adversarial经常被省略不写,在密码学的论文中经常被简称为IND安全。…

已解决java.lang.ClassNotFoundException——java连接mysql8/mysql5

1.准备工作 1.mysql8下载安装 这里大家没必要去mysql官网安装,可以直接安装phpStudy_pro,毕竟小皮面板的宣言是让天下没有难配的服务器环境,如下是小皮面板的界面(同样的,此次用到的所有资料文末公众号可免费领取)&a…

零食折扣店,注定昙花一现?

年终岁末,又到了各类休闲零食产品一年一度的销售旺季。与过去不同的是,近年来的休闲零食赛道正因大量零食折扣店的涌现而显得热闹非凡。 随着主打折扣、低价的零食折扣店成为消费者特别是三四线下沉市场消费者的新宠,资本开始涌入并快速推动…

循序渐进学 JavaScript <二>

续 <一> 九、JavaScript常见内置类 9.1 原始类型的包装类 基本数据类型也可以调用属性 在理论上来说它们是没有办法获取属性或者调用方法的 原始类型是简单的值&#xff0c;默认并不能调用属性和方法js 为了可以使其获取属性和调用方法&#xff0c;对其封装了对应的包装…

【Java】Maven的基本使用

Maven的基本使用 Maven常用命令 complie&#xff1a;编译clean&#xff1a;清理test&#xff1a;测试package&#xff1a;打包install&#xff1a;安装 mvn complie mvn clean mvn test mvn package mvn installMaven生命周期 IDEA配置Maven Maven坐标 什么是坐标&#xff1f;…

有关Quick BI中当返回值为空值,行标题消失问题

一、Quick BI中的lod_ include函数 lod_ include {维度1[,维度2]...:聚合表达式[:过滤条件]} 作用&#xff1a;将表达式中的维度一起作为分组依据进行订算。其中&#xff0c; 1) 维度1[,维度2]... &#xff1a;声明维度&#xff0c;指定聚合表达式要连接到的一个或多个维…

mac安装部署gitbook教程

mac安装部署gitbook教程 前言一、安装准备二、GitBook安装项目初始化 前言 一些自己实际操作的记录。 一、安装准备 Node.js gitbook基于Node.js&#xff0c;所以需要提前安装。 下载地址&#xff1a;https://nodejs.org/en/&#xff0c;可以下载比较新的版本。(但我的建议是不…

Python正则表达式Regular Expression初探

目录 Regular 匹配规则 单字符匹配 数量匹配 边界匹配 分组匹配 贪婪与懒惰 原版说明 特殊字符 转义序列 模块方法 函数说明 匹配模式 常用匹配规则 1. 匹配出所有整数 2. 匹配11位且13开头的整数 Regular Python的re模块提供了完整的正则表达式功能。正则表达式…

Java Web现代化开发:Spring Boot + Mybatis + Redis二级缓存

Java Web现代化开发&#xff1a;Spring Boot Mybatis Redis二级缓存 背景 Spring-Boot因其提供了各种开箱即用的插件&#xff0c;使得它成为了当今最为主流的Java Web开发框架之一。Mybatis是一个十分轻量好用的ORM框架。Redis是当今十分主流的分布式key-value型数据库&…

【云上探索实验室】使用 Amazon Bedrock 体验构建Stable Diffusion-文本生成图像生成式 AI 应用

生成式人工智能&#xff08;AI&#xff09;正以惊人的速度蓬勃发展&#xff0c;不断推动着科技创新的边界。在前不久的re:Invent 2023大会上&#xff0c;Selipsky为我们重点介绍了全托管式生成式 AI 服务 Amazon Bedrock&#xff0c;并表示Amazon Bedrock 极大地降低了客户从基…

༺༽༾ཊ—设计-简单-02-工厂-模式—ཏ༿༼༻

名称&#xff1a;简单工厂 类型&#xff1a;创建型 目的&#xff1a;用 工厂方法 代替 new操作 创建实例 的方式 缺点&#xff1a;不易扩展 首先我们创建一个接口 定义两个私有方法 并在两个新建类 下继承 实现接口 【注意】&#xff1a;一旦继承接口&#xff0c;必须实现…

计组原理:系统概论与基本组成

系统概论与基本组成 系统概论硬件软件 计算机系统的层次结构系统复杂性的管理方法1&#xff1a;抽象 计算机的基本组成冯诺依曼计算机系统复杂性的管理方法 2&#xff1a;&#xff08;3’Y&#xff09; 计算机的工作步骤上机前的准备&#xff1a;计算机的解题过程存储器的基本组…

结构体内存对齐(面试重点)

结构体内存对齐 1. 结构体类型的声明1.1 结构体的概念1.1.1 结构的声明1.1.2 结构体变量的创建和初始化 1.2 结构的特殊声明1.3 结构的自引用 2. 结构体内存对齐2.1 对齐规则2.1.1 练习1:2.1.2 练习2:2.1.3 练习3:2.1.4 练习4: 2.2 offsetof宏的使用2.3 为什么存在内存对齐?2.…