zabbix4.0 web 前端個性化設置

 

有時候，我們需要配置zabbix前端，包括更換logo,自定義顯示等信息。

我只是打工的，都是老闆要我做的

一、更換頁面LOGO

原生的zabbix4.0LOGO是這樣的：

我們需要更換LOGO

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

svg嚴格來說應該是一種開放標準的矢量圖形語言,具備目前網絡流行的jpg和png等格式無法具備的優勢：

可以任意放大圖形顯示，但絕不會以犧牲圖像質量爲代價;可在svg圖像中保留可編輯和可搜尋的狀態;平均來講，svg文件比其它格式的圖像文件要小很多，因而下載也很快。

將文件導出後，用瀏覽器打開，可以看到原生圖標

紅色的LOGO就是我們需要替換的。

這裏推薦一個SVG在線編輯工具，https://c.runoob.com/more/svgeditor/，將SVG文件上傳

 

更換爲大小一致的LOGO，更換後保存替換原有icon-sprite.svg文件，然後重新刷新瀏覽器緩存，及時生效，更換完如下所示：

 

二、實現登陸頁面右側顯示

原生的頁面右側顯示和標題顯示都是zabbix字樣，如下所示：

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

[root@zabbix-server 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服務生效

完成後如下所示：

 

三、修改頁面鏈接信息

原生的zabbix右上角是“support"和“share"，”？“三個按鈕，點擊後分別會跳轉官網網站的技術支持網站、zabbix模板分享和幫助文檔網站。如下所顯示：

現在我們需要修改

1、support 改名爲jumpserver並跳轉到堡壘機頁面

2、刪除“share"

3、刪除”？“

以上所有的鏈接信息都是在/usr/share/zabbix/app/views/layout.htmlpage.menu.php文件中，修改之前記得備份文件

修改43行信息，修改前如下所示：

修改後：

修改51行，修改前

直接刪除50行到57行

 

然後修改59行，修改前：

直接刪除58到62行

 

最後完成修改後，重新清理瀏覽器緩存，刷新界面

可以看到”share"和”？“都沒有了，”jumpersever"是我們自己的跳轉的頁面

 

 

四、思考

其實zabbix前端有很多東西可以定製修改，但是我不是前端開發，專業的事情還是要專業的人員去做把

1、頁腳信息修改

2、瀏覽器圖標修改

 

轉：https://blog.51cto.com/11555417/2327073