zabbix4.0 web 前端个性化设置

 

有时候,我们需要配置zabbix前端,包括更换logo,自定义显示等信息。

我只是打工的,都是老板要我做的

一、更换页面LOGO

原生的zabbix4.0LOGO是这样的:

zabbix4.0 web 前端个性化设置

我们需要更换LOGO

LOGO文件在/usr/share/zabbix/img 目录下的icon-sprite.svg

svg严格来说应该是一种开放标准的矢量图形语言,具备目前网络流行的jpg和png等格式无法具备的优势:

可以任意放大图形显示,但绝不会以牺牲图像质量为代价;可在svg图像中保留可编辑和可搜寻的状态;平均来讲,svg文件比其它格式的图像文件要小很多,因而下载也很快。

将文件导出后,用浏览器打开,可以看到原生图标

zabbix4.0 web 前端个性化设置

红色的LOGO就是我们需要替换的。

这里推荐一个SVG在线编辑工具,https://c.runoob.com/more/svgeditor/,将SVG文件上传

zabbix4.0 web 前端个性化设置

 

更换为大小一致的LOGO,更换后保存替换原有icon-sprite.svg文件,然后重新刷新浏览器缓存,及时生效,更换完如下所示:

zabbix4.0 web 前端个性化设置

 

二、实现登陆页面右侧显示

原生的页面右侧显示和标题显示都是zabbix字样,如下所示:

zabbix4.0 web 前端个性化设置

需要下修改/etc/zabbix/web/zabbix.conf.php文件,字段名为”ZBX_SERVER_NAME",

[[email protected] include]# vi /etc/zabbix/web/zabbix.conf.php

<?php
// Zabbix GUI configuration file.
global $DB;

$DB['TYPE']     = 'MYSQL';
$DB['SERVER']   = 'localhost';
$DB['PORT']     = '0';
$DB['DATABASE'] = 'zabbix';
$DB['USER']     = 'zabbix';
$DB['PASSWORD'] = 'root';

// Schema name. Used for IBM DB2 and PostgreSQL.
$DB['SCHEMA'] = '';

$ZBX_SERVER      = 'localhost';
$ZBX_SERVER_PORT = '10051';
$ZBX_SERVER_NAME = 'zabbix 4.2';

$IMAGE_FORMAT_DEFAULT = IMAGE_FORMAT_PNG;
 

按照自定义修改,重启zabbix-server服务生效

zabbix4.0 web 前端个性化设置

完成后如下所示:

zabbix4.0 web 前端个性化设置

zabbix4.0 web 前端个性化设置

 

三、修改页面链接信息

原生的zabbix右上角是“support"和“share",”?“三个按钮,点击后分别会跳转官网网站的技术支持网站、zabbix模板分享和帮助文档网站。如下所显示:

zabbix4.0 web 前端个性化设置

现在我们需要修改

1、support 改名为jumpserver并跳转到堡垒机页面

2、删除“share"

3、删除”?“

以上所有的链接信息都是在/usr/share/zabbix/app/views/layout.htmlpage.menu.php文件中,修改之前记得备份文件

修改43行信息,修改前如下所示:

zabbix4.0 web 前端个性化设置

修改后:

zabbix4.0 web 前端个性化设置

修改51行,修改前

zabbix4.0 web 前端个性化设置

直接删除50行到57行

 

然后修改59行,修改前:

zabbix4.0 web 前端个性化设置

直接删除58到62行

 

最后完成修改后,重新清理浏览器缓存,刷新界面

zabbix4.0 web 前端个性化设置

可以看到”share"和”?“都没有了,”jumpersever"是我们自己的跳转的页面

 

zabbix4.0 web 前端个性化设置

 

四、思考

其实zabbix前端有很多东西可以定制修改,但是我不是前端开发,专业的事情还是要专业的人员去做把

1、页脚信息修改

2、浏览器图标修改

 

转:https://blog.51cto.com/11555417/2327073