打造死宅专属的vCenter Server Appliance

0x00 思路来源

众所周知,VMware企业级产品登陆界面丑的一笔,看久了还会审美疲劳.那么,我们不妨对他进行一番调♂教.

下面来看看传统的登陆界面长啥样子.

0x01 信息收集

先去谷歌一番.关键词就用"vsphere ui custom 6.7" 此处指定6.7,因为6.5和6.7在文件路径上略有不同.

嗯,找到了一篇博客,点进去看看.

好,就是这个目录了/usr/lib/vmware-sso/vmware-sts/webapps/

打开之后是这样子滴~

点开ROOT文件夹是这样子

那,直接点进resources看看

嗯,对,网页所需要的资源都在这里.

这个ROOT.war其实是网站文件的打包.他需要Tomcat引擎来运行.

那网页文件在哪呢,在另外一个文件夹里,具体路径是WEB-INF/views

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

0x02 背景修改

这个很好说嘛,用浏览器调试器找到元素,直接查看对应的CSS.然后废掉(注释)设定渐变那句话.再加一句从本地路径引用文件作为背景即可(在线背景也可以).

改完之后呢,还会带有一些瑕疵

注:(由于我没有多余的VCSA进行对比,下面的对比匀使用ESXi,两者可能文件路径不一样,但是大致布局是一样的)

就像这样子,左上角还留下了一块图标,影响美观.

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

嗯哼,很明显了,直接注释,废掉这句,从此不再加载这个图标

OK, Nulled~

0x03 登陆页面美化

由于本人对HTML不熟悉,为了避免产生误导或者被嘲笑,所以下面之讲解一些理论,不会详细讲解代码怎么修改.

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

这里我选择Colorlib的这一份模板.说来也巧,假期我打CTF的时候,有一道Web题目就是攻破登录界面,而当时那个登陆界面就是用了这一份,可以说是很有缘分了.

下载到ZIP,解压,找出里面的HTML.然后打开

稍微检查了一下,发现主要是这两个CSS控制着总布局和样式,好,我们就把他路径改掉

同时别忘了把CSS文件移动到之前看到的css目录里.

接下来干什么?当然是对照着JSP里面的HTML部分和登陆模板的HTML,一点一点做适配啦.

这部分我就不讲了(反正也不是很熟).

希望每个人都能改出自己喜欢的vCenter Server Appliance