novnc 安装和配置

1. 下载noNVC

好多渠道可以下载到noVNC，可以直接访问noVNC的官方网页 http://kanaka.github.io/noVNC/，直接下载Zip文件解压安装。最方便的就是使用git进行安装了。

git <span class="hljs-keyword">clone</span> git:<span class="hljs-comment">//github.com/kanaka/noVNC</span>

然后我们切入到noVNC目录。

<span class="hljs-built_in">cd</span> noVNC

2. 安装vncserver

首先我们来了解一下为什么要安装这个东西，官方解释如下：

tightvnc provide a nice startup script that can be used to run a separate X desktop that is served by VNC.

紧接着有如下的说明：

To install and run the server under Ubuntu you would do something like this:

<span class="hljs-built_in">sudo</span> apt-get install tightvncserver
vncserver :<span class="hljs-number">1</span>

OK,我们就照着官方给出的命令进行执行，vncserver就启动了。在这里需要注意一个事情：

The VNC server will run in the background. The port that it runs on is the display number + 5900 (i.e. 5901 in the case above).

意思就是当你执行vncserver :1设置为1时，下面要运行noVNC是的端口号应该是5900+1，那就是5901.

3. 创建安全连接

VNC的默认会话不是安全的，我们需要创建一个安全的VNC连接。来看看官方给出的介绍：

To encrypt the traffic using the WebSocket ‘wss://’ URI scheme you need to generate a certificate for the proxy to load. By default the proxy loads a certificate file name self.pem but the –cert=CERT option can override the file name. You can generate a self-signed certificate using openssl. When asked for the common name, use the hostname of the server where the proxy will be running:

那我们就参照执行给出的命令：

openssl req <span class="hljs-attribute">-new</span> <span class="hljs-attribute">-x509</span> <span class="hljs-attribute">-days</span> <span class="hljs-number">365</span> <span class="hljs-attribute">-nodes</span> <span class="hljs-attribute">-out</span> <span class="hljs-built_in">self</span><span class="hljs-built_in">.</span>pem <span class="hljs-attribute">-keyout</span> <span class="hljs-built_in">self</span><span class="hljs-built_in">.</span>pem

这时会发现提示需要你输入内容，这些字段我们并不需要都进行填写，我在配置过程中只填写了Common Name (e.g. server FQDN or YOUR name) []:这个字段，填写的内容是本机的hostname，一路回车完成创建，so easy. 创建完毕的证书self.pem需要放置到noVNC/utils目录下，当启动noVNC时，websockify将自动装载证书。

4. 运行noVNC

废话不多说，直接上命令

./utils/<span class="hljs-command">launch</span>.sh <span class="hljs-comment">--vnc localhost:5901</span>

服务启动后，会显示一个链接地址，例如：

<span class="hljs-label">http:</span>/localhost:<span class="hljs-number">6080</span>/vnc<span class="hljs-preprocessor">.html</span>?host=localhost&port=<span class="hljs-number">6080</span>

将地址输入浏览器地址栏，便能看到如下页面