vnc访问,vnc传输,NoVNC以Web方式交付VNC远程连接的方法

noVNC是一个HTML5 VNC客户端，采用HTML 5 WebSockets，画布和Java脚本语言实现，这篇文章主要介绍了NoVNC以网方式交付VNC远程连接的方法，感兴趣的朋友一起看看吧

https://github.com/novnc/noVNC

一、noVNC是什么

noVNC是一个HTML5 VNC客户端，采用HTML 5 WebSockets，画布和Java脚本语言实现，noVNC被普遍用在各大云计算、虚拟机控制面板中，比如OpenStack仪表板和开放星云太阳石都用的是noVNC。

noVNC采用WebSockets实现，但是目前大多数VNC服务器都不支持WebSockets，所以noVNC是不能直接连接VNC服务器的，需要一个代理来做WebSockets和传输控制协议（Transmission Control Protocol）套接字之间的转换。这个代理在noVNC的目录里，叫做websockify。

**目标：**通过浏览器远程访问Windows操作系统操作系统桌面。

**原理：**浏览器不支持VNC，所以不能直接连接VNC，但是可以使用代理，使用noVNC通过WebSocket建立连接，而VNC服务器不支持WebSocket，所以需要开启Websockify代理来做WebSocket和传输控制协议（Transmission Control Protocol）套接字之间的转换。

二、CentOS 7 安装novnc

1. 环境

[root @ novnc ~]# cat/etc/red hat-release

CentOS Linux版本7.6.1810(核心)

[root @ no VNC ~]# ifconfig eth 0 | awk NR==2 { print $ 2 }

10.0.0.60

setenforce 0

系统停止防火墙d

系统ctl禁用防火墙d

2. 安装配置

安装桌面环境

如何在CentOS7上安装桌面环境

安装tigervnc

#安装依赖软件包

wget-O/etc/yum。回购。d/epel。回购http://mirrors.aliyun.com/repo/epel-7.repo

卷曲-o/etc/yum。回购。d以CentOS为基数。回购http://mirrors.aliyun.com/repo/Centos-7.repo

yum install-y git tigervnc-server-y

启动VNC服务并输入密码

[root@novnc ~]# vncserver :1

您将需要密码来访问您的桌面。

密码：

验证：

是否要输入仅供查看的密码(是/否)？y

密码：

验证：

新的" novnc:1(根)"桌面是novnc:1

正在创建默认启动脚本/root/.vnc/xstartup

正在创建默认配置/根目录/。VNC/配置

正在启动/root/中指定的应用程序vnc/xstartup

日志文件是/root/.vnc/novnc:1.log

#当执行vncserver :1设置为一时，下面要运行VNC是的端口号应该是5900 1,那就是5901号的默认端口是5900。

#写入开机自启动

chmod x /etc/rc.d/rc.local

echo /usr/bin/vncserver:1 /etc/RC。地区委员会。当地的

查看日志

cat /root/.vnc/novnc:1.log

查看端口

[root @ no VNC实用程序]# netstat-ln tup | grep 59

TCP 0 0 0 0。0 .0:5901 0 .0 .0 .0:*列表EN 8380/Xvnc

TCP 6 0 0:5901:*列出EN 8380/Xvnc

安装noVNC

饭桶克隆https://github.com/novnc/noVNC.git

创建安全连接(一路回车)

VNC的默认会话不是安全的，我们需要创建一个安全的VNC连接，会发现提示需要输入内容，这些字段我们并不需要都进行填写，当启动noVNC时，websockify将自动装载证书。

#要将生成的self.pem文件放到novc/utils底下

光盘2007/noVNC/utils/

OpenSSL req-new-x509-days 365-nodes-out self。PEM-keyut self。PrivacyEnhancedMail增强的私密电子邮件

运行noVNC

[root@novnc noVNC]# pwd

/root/noVNC

[root@novnc noVNC]# ./utils/launch。VNC本地主机：5901

测试进行访问连接

http://ip:6080/vnc.html

设置开机自启动

回声/root/no VNC/utils/launch。sh-VNC本地主机：5901 /etc/RC。地区委员会。当地的

安装numpy，解决连接速度慢：

https://sourceforge.net/projects/numpy/files/

#安装大蟒依赖

妙的安装python-dev python-devel -y

#上传压缩包解压

解压缩numpy-1.11.2.zip

cd numpy-1.11.2/

python setup.py安装

3. 一键安装脚本

[root@novnc脚本]#卡特彼勒novnc_install.sh

#!/bin/bash

##############################################################

#文件名：novnc_install.sh

#版本：1.0版

#作者：lcx

#组织：www.in365robot.com

##############################################################

# 环境优化

setenforce 0

系统停止防火墙d

系统ctl禁用防火墙d

#安装vncserver git

yum install -y epel*

妙的安装tiger VNC-服务器git -y

#启动VNC服务并输入密码

回声请输入密码：

vncserver :1

#下载noVNC

饭桶克隆git://github.com/kanaka/noVNC

# 创建安全连接

光盘2007/noVNC/utils/

OpenSSL req-new-x509-days 365-nodes-out self。PEM-keyut self。PrivacyEnhancedMail增强的私密电子邮件

#运行noVNC

激光唱片./。/utils/launch。VNC本地主机：5901

回声请访问 http://ip:6080/vnc.html

# 自启动

chmod x /etc/rc.d/rc.local

echo /usr/bin/vncserver:1 /etc/RC。地区委员会。当地的

回声/root/no VNC/utils/launch。sh-VNC本地主机：5901 /etc/RC。地区委员会。当地的

[root @ no VNC脚本]# chmod x/server/scripts/no VNC _ install。嘘

[root @ no VNC脚本]# ll/server/scripts/no VNC _ install。嘘

-rwxr-xr-x . 1 root root 903 Dec 24 18:25/server/scripts/no VNC _ install。嘘

三、Windows 安装novnc

实现目标：通过浏览器远程访问Windows桌面

准备一台Windows7 32位的虚拟机

1. 环境

UtralVNC：

Windows操作系统操作系统环境下的VNC服务器，在你需要访问的目标机器上安装。

此处提示：生产需求为Windows7 32位，在下载UtralVNC软件时请下载之前的较旧版本，最新版会不兼容。

Node.js：

用于执行Websockify.js。Websockify还有计算机编程语言版本的，不过在Windows操作系统操作系统下不可以成功。

noVNC

noVNC是一个HTML5 VNC客户端

websockify-js

noVNC是通过websockt建立链接，而VNC服务器不支持websocket，所以需要开启websockify代理来做WebSockets和传输控制协议（Transmission Control Protocol）套接字之间的转换。

2. 安装utralNVC server

将UltraVNC软件复制到需要远程协助的电脑上双击打开安装。

在【选择组件】界面按需要选择上需要的组件，这里将【UltraVNC服务器】和【UltraVNC浏览器】选择上。当需要远程协助时安装的电脑必须选择上【UltraVNC服务器】、【UltraVNC查看器】是用来远程协助的工具。点击【下一个】进行下一步安装。

安装完成后桌面就会有快捷方式，天蓝色的是服务的快捷方式，浅绿色是远程连接的工具。同时系统托盘上会有一个天蓝色的眼睛图标的程序，这个就是vnc服务器。

右键小眼睛图标打开菜单，点击【启动服务】并重启电脑。

点击【管理属性】打开配置连接的密码，连接的密码分为可操作的密码跟只看的密码。

3.安装节点。射流研究…

选择npm包管理器

节点。射流研究…安装完成后，需要安装ws、乐观主义者模块（执行websockify.js文件所需)

npm安装《华盛顿明星报》

npm安装乐观

npm安装哑剧类型

安装完《华盛顿明星报》和乐观主义者后会在丙：用户管理员下生成节点_模块目录

4. 安装noVNC和websockify

把noVNC.zip解压到节点_模块目录下，再把websockify-master.zip解压到noVNC目录下。

5. 执行websockify.js

转发9000端口的超文本传送协议(超文本传输协议的缩写)链接到5900端口(UltraVNC服务器的默认端口为5900)

c: Users root node _ modules noVNC websockify-js-master websockifynode websockify。js-web C: Users root node _ modules noVNC 9000 localhost:5900

在浏览器访问http://192.168.1.163:9000/会出现这样的提示

需要把websockify.js中的filename=/index.html 改成文件名=/VNC。html ；

点击链接输入UltraVNC设置的密码完成。

6. 防火墙新建入站规则

如果被禁止访问，需要允许访问的9000端口进入

7. Windows开机自启动设置

窗子自启动蝙蝠脚本链接

#1.桌面新建自启动批处理文件开始吧。蝙蝠

@关闭回声

start cmd CD C: Users root node _ modules noVNC websockify-js-master websockify node websockify。 js-web C: Users root node _ modules noVNC 9000 localhost:5900

打开运行，输入外壳：启动回车。将开始吧。蝙蝠启动文件放入文件夹

四、通过open微皮恩访问noVNC