一、前言

        该操作是为了实现vnc桌面连接为url连接方式，且在浏览器中可以对ubuntu进行操作。在使用novnc进行操作前，需要先安装vnc才可。ubuntu下如何安装vnc，可看博主前面写的一篇文，ubuntu远程桌面连接之vnc-CSDN博客，博主此处使用的ubuntu版本为ubuntu2020。

二、novnc下载

         使用git clone下载novnc      

git clone --depth 1 https://github.com/novnc/noVNC.git 

        如果git命令不好用也可直接去github所在地址下载novnc。

三、进入novnc文件夹

       1、映射端口

         这里指的注意的操作就是映射vnc端口的操作，vnc端口需要为你实际vnc的端口。如果你是另外一种方式安装的vnc那么默认端口一般为5901。博主使用的是桌面共享的方式，可参照博主博客ubuntu远程桌面连接之vnc-CSDN博客，所以此处我默认端口为5900。默认映射出的端口为6080

cd noVNC                                     #进入novnc文件夹
./utils/novnc_proxy --vnc localhost:5900     #映射vnc端口

        2、如果不确定自己端口号，可以终端内输入命令进行查看

netstat -ano

         3、访问novnc连接

        需要确认自己的ip地址，以及映射出的端口，默认映射出的端口为6080。

http://192.168.200.117:6080/vnc.html

        浏览器内进行访问

        4、输入密码即可进行连接

四、配置开机自启动

        1、编辑配置文件

vim /etc/systemd/system/novnc.service 

        2、配置项

[Unit]
Description=noVNC remote desktop server
After=syslog.target network.target
 
[Service]
Type=simple
ExecStart=/noVNC/utils/novnc_proxy --vnc localhost:5900   #noVNC的实际路径
ExecStop=/bin/kill -TERM $MAINPID
ExecReload=/bin/kill -HUP $MAINPID
KillMode=control-group
Restart=on-failure
 
[Install]
WantedBy=multi-user.target

        配置完后，终端输入下面命令

systemctl enable novnc