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
在open微皮恩服务端通过执行一键生成脚本生成客户端证书novnc01
#查看内网互联网协议(互联网协议)信息
[root@open微皮恩-没有VNC ~]# ifconfig eth 0 | awk ' NR==2 { print $ 2 } '
172.17.43.166
#查看公网互联网协议(互联网协议)信息
[root@open微皮恩-novnc ~]# curl ifconfig.me
182.92.226.114
[root@open微皮恩-novnc ~]#git克隆https://github.com/Nyr/open微皮恩-install.git
[root@open微皮恩-novnc ~]# ls打开微皮恩-安装/
LICENSE.txt打开微皮恩-install.sh README.md
[root@open微皮恩-novnc打开微皮恩-安装]# cd打开微皮恩-安装/打开微皮恩-install.sh
#安装步骤请看之前文档，一键生成客户端证书
[10:54 root @ openvpn-novc ~/openvpn-install]# bash openvpn-install。嘘
似乎已经安装了OpenVPN .
你想干嘛？
1)添加新用户
2)撤销现有用户
3)删除OpenVPN
4)退出
选择一个选项：1
告诉我客户端证书的名称。
客户端名称：novnc
使用SSL:OpenSSL。0 .2k-FIPS 2017年一月26日
生成2048位南非共和国(Republic of South Africa)私钥
............
..
正在将新私钥写入"/etc/openvpn/server/easy-RSA/PKI/private/no VNC。钥匙。xhm 8 erjnnn "
-
使用中的配置safessl-easyrsa.cnf
检查请求是否与签名匹配
签名没问题
该主题的可分辨名称如下
通用名称：ASN。1 12:“没有VNC 01”
该证书将在2029年12月27日格林威治时间02:56:23(3650天)之前得到认证
用一个新条目写出数据库
数据库已更新
添加了客户端novnc01，配置可从/root/novnc.ovpn获得
将生成的证书上传到安装有novnc的PC客户端上
下载windows7版的客户端软件openvpn-gui
https://www.techspot.com/downloads/5182-openvpn.html
进行连接
在另一台PC客户端上也生成证书进行连接访问
openvpn断开连接，则novnc的连接也随即断开
到此这篇关于NoVNC—以网方式交付VNC远程连接的文章就介绍到这了，更多相关NoVNC网站方式交付VNC远程连接内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。