Openstack的vnc界面定制

zhendeaini123

　　先来看一下青云的vnc界面:

　　在来看一下openstack的自带的vnc界面：

区别于感受
　　本身原理是一样的，但是vnc上面的html布局不一样而已，但是青云的vnc界面给人的感受是：清晰提示，信息给的到位(title显示实例名字,需要人点击任意键，操作功能明确提示)，而openstack的界面对于一个不熟悉这方面的人来说，简直就是云里雾里，到底是什么玩意！？

实际上
　　这里我们来修改openstack的这个默认的vnc界面！
　　在/etc/nova/nova.conf中，有指定vnc的url:

novncproxy_base_url=http://127.0.0.1:6080/auto_vnc.html

　　其实，vnc的界面的内容就是这个html定义的:

      <div id="noVNC_screen">
<div id="noVNC_status_bar" class="noVNC_status_bar">
<table border=0 width="100%"><tr>
<td><div id="noVNC_status">Loading</div></td>
<td width="1%"><div id="noVNC_buttons">
<input type=button value="Send CtrlAltDel"
id="sendCtrlAltDelButton">
</div></td>
</tr></table>
</div>  
<canvas id="noVNC_canvas" width="640px" height="20px">
Canvas not supported.
</canvas>

　　请看:id="noVNC_status_bar"这个div就是openstack的vnc上面的Connected这个块。我们简单修改一下背景颜色

style="margin-top: 0px;background:green;font-size:12px;">

　　在看效果：

　　当然这只是一个简单修改，还可以做更复杂的修改。