浅析如何实现浏览器访问远程桌面/服务器界面:NoVNC - 以Web方式交付VNC远程连接

时间:2024-02-16 09:12:13

  最近项目需要实现那种在线实训平台,所以会记录一下技术选型然后学到的了解到的相关东西。看下这篇知乎文章:实验楼这个网站是怎样实现的在线linux虚拟机?https://www.zhihu.com/question/29557878,这里面有涉及一些思路。

  华为云也有个沙箱实验室的东西,如图:

  我估计华为云的这个沙箱实验室这种就是通过这种 NoVNC 远程连接实现的,看右边还有一个类似虚拟机桌面。

一、VNC介绍

  VNC (Virtual Network Console)是虚拟网络控制台的缩写,它是一款优秀的远程控制工具软件。VNC 是在基于 UNIX 和 Linux 操作系统的免费的开源软件,远程控制能力强大,高效实用,其性能可以和 Windows 和 MAC中的任何远程控制软件媲美。 

  VNC基本上是由两部分组成:一部分是客户端的应用程序(vnc viewer);另外一部分是服务器端的应用程序(vnc server)。

  VNC的基本运行原理和一些Windows下的远程控制软件很相像。VNC的服务器端应用程序在UNIX和Linux操作系统中适应性很强,图形界面十分友好。在任何安装了客户端的应用程序(vncviewer)的Linux平台的计算机都能十分方便地和安装了服务器端的应用程序(vncserver)的计算机相互连接。

二、noVNC介绍

  noVNC提供一种在网页上通过html5的Canvas,访问机器上vncserver提供的vnc服务,需要做tcp到websocket的转化,才能在html5中显示出来

  网页就是一个客户端,类似win下面的vncviewer,只是此时填的不是裸露的vnc服务的ip+port,而是由noVNC提供的websockets的代理,在noVNC代理服务器上要配置每个vnc服务,noVNC提供一个标识,去反向代理所配置的vnc服务

  noVNC 被普遍用在各大云计算、虚拟机控制面板中,比如 OpenStack Dashboard 和 OpenNebula Sunstone 都用的是 noVNC。

三、具体示例

  NoVNC—以Web方式交付VNC远程连接:https://blog.csdn.net/qq_37242520/article/details/103688221,这篇文章比较详细,可以参考。

  还有一种就是 csdn 的跟我练项目,起初我也以为是通过这种 noVNC 的形式远程连接的,后来发现不是,原来是使用 xterm.js 实现的一个简易的 web-terminal。而我们要做的就是这种 shell 的模式,远程桌面不是我们想要的,所以转而研究 xterm。