Openstack的vnc界面定制

先来看一下青云的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" style="margin-top: 0px;font-size:12px;">
                <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;">

在看效果：

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