使用noVNC技术搭建远程大屏管控系统 大屏PAD控制

#### 如不需自己配置，直接免费试用配置好的，可以使byteV可视化中台，包含完整的远控支持。集成开源，免费，高效。 [地址](http://console.bytev.com.cn) ### 一、简介 1、VNC介绍 VNC (Virtual Network Console)是虚拟网络控制台的缩写。它 是一款优秀的远程控制工具软件。VNC 是在基于 UNIX 和 Linux 操作系统的免费的开源软件，远程控制能力强大，高效实用，其性能可以和 Windows 和MAC中的任何远程控制软件媲美。 VNC基本上是由两部分组成：一部分是客户端的应用程序(vnc viewer)；另外一部分是服务器端的应用程序(vnc server)。VNC的基本运行原理和一些Windows下的远程控制软件很相像。VNC的服务器端应用程序在UNIX和Linux操作系统中适应性很强，图形界面十分友好。在任何安装了客户端的应用程序(vncviewer)的Linux平台的计算机都能十分方便地和安装了服务器端的应用程序(vncserver)的计算机相互连接。 2、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。 ### 二、准备工作 1、大屏、需远控主机 2、UltraVNC：[http://www.uvnc.com/](http://www.uvnc.com/)（Windows环境下的VNC Server，还有TightVNC、TigerVNC、RealVNC等，其中RealVNC不能通过noVNC） 3、Node.js：[https://nodejs.org/en/download/](https://nodejs.org/en/download/)（用于执行Websockify.js） 4、noVNC：[http://github.com/kanaka/noVNC/zipball/master](http://github.com/kanaka/noVNC/zipball/master) 5、Websockify：[https://github.com/novnc/websockify/archive/master.zip](https://github.com/novnc/websockify/archive/master.zip) ### 三、具体操作 具体操作中，会有部分设备不适配，并且会有一些差异，详见 第四章纠正 0、目标大屏或主机先要安装远程桌面服务  1、在远程主机中安装UltraVNC，并开启服务，设置密码  2、安装node.js 安装时选择npm package manager  node.js安装完成后，需要安装ws、optimist模块（执行websockify.js文件所需） C:\\Users\\Administrator>npm install ws  C:\\Users\\Administrator>npm install optimist  C:\\Users\\Administrator>npm install mime-types  安装完ws和optimist后会在C:\\Users\\Administrator\\下生成node_modules目录 3、把noVNC.zip解压到node_modules目录下，再把websockify-master.zip解压到noVNC目录下。  注：Windows Server 2008 r2需要设置防火墙端口例外 新建入站规则  4、执行websockify.js：转发9000端口的http链接到5900端口（UltraVNC Server的默认端口为5900） C:\\Users\\Administrator\\node_modules\\noVNC\\websockify-master\\other\\js>node websockify.js --web C:\\Users\\Administrator\\node_modules\\noVNC 9000 http://10.70.117.185:5900 （注：其中10.70.117.185为目标主机地址）  5、在浏览器地址栏输入[http://10.70.117.185:9000/](http://192.168.1.163:9000/)（服务器端IP：[10.70.117.185](http://192.168.1.163:9000/)）会提示：  这时候只要在websockify.js中搜索filename += '/index.html'改成filename += '/vnc.html'，再重复第4、5步即可完成。  输入密码，成功登录Windows远程桌面  文章参考：https://www.cnblogs.com/binaway/p/9772673.html ### 四、按照教程出现问题的解决 步骤一：按照如上 VNC教程 安装 步骤二：安装UltraVNC_1_2_24_X64_Setup.exe 设置密码改为:右击-admin propeties 来进行密码设置 两个密码必须不一样 vnc密码设置成了：123456 view密码设置成了：654321 步骤三：安装node-v10.16.3-x64.msi 看教程需连接【外网】，然后cmd 安装 ws等等 步骤四：进入安装好的 node_modules 一般路径为C:\\Users\\Administrator\\node_modules 步骤五：将noVNC.zip放入 C:\\Users\\Administrator\\node_modules并解压 步骤六：将websockify-js-master.zip放入 C:\\Users\\Administrator\\node_modules\\noVNC 文件夹中，并解压 步骤七：将工作站中的9000端口与5900端口开放 步骤八：cmd cd 进入C:\\Users\\Administrator\\node_modules\\noVNC\\websockify-js-master\\websockify目录 步骤九：cmd下执行：node websockify.js --web C:\\Users\\Administrator\\node_modules\\noVNC 10.1.207.207:9000 10.1.207.207:5900 原始命令为：node websockify.js --web C:\\Users\\Administrator\\node_modules\\noVNC ip:9000 ip:5900 步骤十：在websockify.js中搜索filename += '/index.html'改成filename += '/vnc.html' 并执行 步骤九 即可 步骤十一：访问地址10.1.207.207:9000即可 注意：教程中用如下包，不使用websockify-master.zip 使用websockify-js-master.zip C:\\Users\\Administrator\\node_modules\\noVNC\\websockify-js-master\\websockify>node websockify.js --web C:\\Users\\Administrator\\node_modules\\noVNC 192.168.2.125:9000 192.168.2.125:5900

---