0x00 思路來源

眾所周知,VMware企業(yè)級產(chǎn)品登陸界面丑的一筆,看久了還會審美疲勞.那么,我們不妨對他進行一番調(diào)♂教.

下面來看看傳統(tǒng)的登陸界面長啥樣子.

0x01 信息收集

先去谷歌一番.關鍵詞就用"vsphere ui custom 6.7" 此處指定6.7,因為6.5和6.7在文件路徑上略有不同.

嗯,找到了一篇博客,點進去看看.

好,就是這個目錄了/usr/lib/vmware-sso/vmware-sts/webapps/

打開之后是這樣子滴~

點開ROOT文件夾是這樣子

那,直接點進resources看看

嗯,對,網(wǎng)頁所需要的資源都在這里.

這個ROOT.war其實是網(wǎng)站文件的打包.他需要Tomcat引擎來運行.

那網(wǎng)頁文件在哪呢,在另外一個文件夾里,具體路徑是WEB-INF/views

主要控制界面的是'unpentry.jsp'

0x02?背景修改

這個很好說嘛,用瀏覽器調(diào)試器找到元素,直接查看對應的CSS.然后廢掉(注釋)設定漸變那句話.再加一句從本地路徑引用文件作為背景即可(在線背景也可以).

改完之后呢,還會帶有一些瑕疵

注:(由于我沒有多余的VCSA進行對比,下面的對比勻使用ESXi,兩者可能文件路徑不一樣,但是大致布局是一樣的)

就像這樣子,左上角還留下了一塊圖標,影響美觀.

沒事,用DevTools找到元素,定位到文件名,回到JSP里找一找

嗯哼,很明顯了,直接注釋,廢掉這句,從此不再加載這個圖標

OK, Nulled~

0x03 登陸頁面美化

由于本人對HTML不熟悉,為了避免產(chǎn)生誤導或者被嘲笑,所以下面之講解一些理論,不會詳細講解代碼怎么修改.

首先當然是谷歌一下有什么好看的UI啦.

這里我選擇Colorlib的這一份模板.說來也巧,假期我打CTF的時候,有一道Web題目就是攻破登錄界面,而當時那個登陸界面就是用了這一份,可以說是很有緣分了.

下載到ZIP,解壓,找出里面的HTML.然后打開

稍微檢查了一下,發(fā)現(xiàn)主要是這兩個CSS控制著總布局和樣式,好,我們就把他路徑改掉

同時別忘了把CSS文件移動到之前看到的css目錄里.

接下來干什么?當然是對照著JSP里面的HTML部分和登陸模板的HTML,一點一點做適配啦.

這部分我就不講了(反正也不是很熟).

希望每個人都能改出自己喜歡的vCenter Server Appliance