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

这篇具有很好参考价值的文章主要介绍了Grafana(三)Grafana 免密登录-隐藏导航栏-主题变换。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一. 免密登录


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

Grafana(三)Grafana 免密登录-隐藏导航栏-主题变换,grafana,nginx,docker,容器

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

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”
Grafana(三)Grafana 免密登录-隐藏导航栏-主题变换,grafana,nginx,docker,容器


三. 主题变换

1. 主题展示

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

Grafana(三)Grafana 免密登录-隐藏导航栏-主题变换,grafana,nginx,docker,容器

Grafana(三)Grafana 免密登录-隐藏导航栏-主题变换,grafana,nginx,docker,容器

Grafana(三)Grafana 免密登录-隐藏导航栏-主题变换,grafana,nginx,docker,容器

Grafana(三)Grafana 免密登录-隐藏导航栏-主题变换,grafana,nginx,docker,容器

Grafana(三)Grafana 免密登录-隐藏导航栏-主题变换,grafana,nginx,docker,容器

Grafana(三)Grafana 免密登录-隐藏导航栏-主题变换,grafana,nginx,docker,容器

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
  •  安装完成

Grafana(三)Grafana 免密登录-隐藏导航栏-主题变换,grafana,nginx,docker,容器

 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文件解压到本地目录(服务器同理)

Grafana(三)Grafana 免密登录-隐藏导航栏-主题变换,grafana,nginx,docker,容器

  •  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 

Grafana(三)Grafana 免密登录-隐藏导航栏-主题变换,grafana,nginx,docker,容器

 加入下列代码

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

Grafana(三)Grafana 免密登录-隐藏导航栏-主题变换,grafana,nginx,docker,容器

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

Grafana(三)Grafana 免密登录-隐藏导航栏-主题变换,grafana,nginx,docker,容器

Grafana(三)Grafana 免密登录-隐藏导航栏-主题变换,grafana,nginx,docker,容器


4. grafana 主题修改

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

Grafana(三)Grafana 免密登录-隐藏导航栏-主题变换,grafana,nginx,docker,容器

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

Grafana(三)Grafana 免密登录-隐藏导航栏-主题变换,grafana,nginx,docker,容器

Grafana(三)Grafana 免密登录-隐藏导航栏-主题变换,grafana,nginx,docker,容器

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

Grafana(三)Grafana 免密登录-隐藏导航栏-主题变换,grafana,nginx,docker,容器

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

Grafana(三)Grafana 免密登录-隐藏导航栏-主题变换,grafana,nginx,docker,容器

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

Grafana(三)Grafana 免密登录-隐藏导航栏-主题变换,grafana,nginx,docker,容器

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

Grafana(三)Grafana 免密登录-隐藏导航栏-主题变换,grafana,nginx,docker,容器

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

Grafana(三)Grafana 免密登录-隐藏导航栏-主题变换,grafana,nginx,docker,容器

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

Grafana(三)Grafana 免密登录-隐藏导航栏-主题变换,grafana,nginx,docker,容器

Grafana(三)Grafana 免密登录-隐藏导航栏-主题变换,grafana,nginx,docker,容器

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

Grafana(三)Grafana 免密登录-隐藏导航栏-主题变换,grafana,nginx,docker,容器

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

Grafana(三)Grafana 免密登录-隐藏导航栏-主题变换,grafana,nginx,docker,容器

Grafana(三)Grafana 免密登录-隐藏导航栏-主题变换,grafana,nginx,docker,容器

Grafana(三)Grafana 免密登录-隐藏导航栏-主题变换,grafana,nginx,docker,容器

  •  加载完成

Grafana(三)Grafana 免密登录-隐藏导航栏-主题变换,grafana,nginx,docker,容器

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

Grafana(三)Grafana 免密登录-隐藏导航栏-主题变换,grafana,nginx,docker,容器

  •  标题进行隐藏

Grafana(三)Grafana 免密登录-隐藏导航栏-主题变换,grafana,nginx,docker,容器

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

Grafana(三)Grafana 免密登录-隐藏导航栏-主题变换,grafana,nginx,docker,容器

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

Grafana(三)Grafana 免密登录-隐藏导航栏-主题变换,grafana,nginx,docker,容器文章来源地址https://www.toymoban.com/news/detail-810153.html

到了这里,关于Grafana(三)Grafana 免密登录-隐藏导航栏-主题变换的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Nginx监控安装:Filebeat+ES+Grafana(全)

    ’ $remote_user’ ’ [$time_local]’ ’ “$request”’ ’ $status’ ’ $body_bytes_sent’ ’ “$http_referer”’ ’ “$http_user_agent”’ ’ “$http_x_forwarded_for”’ ’ $upstream_response_time’ ’ $upstream_addr’; access_log logs/access.log main; upstream gateway_pool { server 106.12.129.14:9200; } server { listen 80; #this

    2024年04月15日
    浏览(31)
  • nginx+rsyslog+kafka+clickhouse+grafana 实现nginx 网关监控

    我想做一个类似腾讯云网关日志最终以仪表方式呈现,比如说qps、p99、p95的请求响应时间等等 数据流转就像标题 nginx ---- rsyslog ---- kafka — clickhouse — grafana kafka 相关部署这里不做赘述,只要创建一个topic 就可以 这里 kafka 地址是 192.168.1.180 ,topic是`` rsyslog 具体是啥东西这个我

    2024年02月03日
    浏览(45)
  • Centos7笔记09之nginx反向代理grafana

    使用nginx反向代理访问grafana服务 本例测试用的域名(假的):                  x179.com 本例原本能正常访问的grafana地址:   192.168.10.90:3000 准备用nginx反代grafana后的地址:      http://x179.com/grafana/ 1、修改配置 ● 修改 [server] 区域    ○ 修改 ;domain = localhost  改为 domain

    2024年01月25日
    浏览(55)
  • Nginx监控安装:Filebeat+ES+Grafana,阿里创新发布《新高并发宝典》

    server_names_hash_bucket_size 128; large_client_header_buffers 4 32k; fastcgi_intercept_errors on; proxy_intercept_errors on; underscores_in_headers on; client_header_timeout 15s; client_body_timeout 15s; client_max_body_size 100m; client_body_buffer_size 2m; client_header_buffer_size 256k; #keepalive_timeout 0; keepalive_timeout 90s; keepalive_requests 2000

    2024年04月28日
    浏览(34)
  • ELK之使用Grafana读取ES集群的Nginx日志进行分析展示

    直通车 ------------↓↓↓↓↓↓ 需要ES集群 https://blog.csdn.net/wdy_2099/article/details/125441436 需要filebeat https://blog.csdn.net/wdy_2099/article/details/125445893 需要logstash https://blog.csdn.net/wdy_2099/article/details/125464226 需要grafana https://blog.csdn.net/wdy_2099/article/details/124211397 需要nginx 需要对grafana添加

    2024年01月21日
    浏览(40)
  • grafana呈现loki从k8s/ingress-nginx中收集的日志-地区经纬度部分

    1,在用grafana展示loki日志的时候,想到用可视化的方式来呈现更直观,于是网上查找,找到一篇《如何用Loki来绘制Ingress Nginx监控大屏》被复用多次,按照其过程实践引用了12559的面板,但效果与原文描述的不一致,可能是gf版本,或者插件版本变更等原因造成。尝试了几次终

    2024年02月21日
    浏览(52)
  • 【Grafana】【一】Grafana 简介

    Grafana 是一个可视化工具,简单点说就是用来展示数据的。它和Zabbix、Prometheus 有本质区别,在于它不能解决监控问题,仅用于展示。也就是说,在监控领域,Grafana 需要配合 Zabbix、Prometheus 等工具一起使用,以获取数据源。 Grafana 官方是这么介绍 Grafana 的:Grafana是用于可视化

    2024年01月19日
    浏览(33)
  • Docker安装Grafana以及Grafana应用

    安装 1、 卸载旧的版本 2、需要的安装包 3、设置镜像的仓库 更新yum软件包索引 4、安装docker相关的源 docker-ce 社区 ee 企业版 5、启动docker 6、使用docker version 查看是否安装成功 运行实例: 卸载 1、依赖卸载 2、删除资源 # /var/lib/docker docker的默认工作路径 基本操作 安装镜像

    2024年02月13日
    浏览(30)
  • Grafana集成prometheus(2.Grafana安装)

    检查防火墙3000端口是否开启 admin/admin http://ip:3000

    2024年02月14日
    浏览(40)
  • Grafana集成prometheus(4.Grafana添加预警)

    上文已经完成了grafana对prometheus的集成及数据导入,本文主要记录grafana的预警功能(以内存为例) databorard面板点击edit,下方有个Alert的tab,创建Alert rules依赖contact points,可以先随便填写再修改 Alerting 上面入口创建后也会同步到此处 添加推送名称 选择DingDing, 钉钉URL获取参考

    2024年02月14日
    浏览(41)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包