如何使用Web浏览器访问Ubuntu环境下的vnc桌面

发表于 |

前言

一般我们在服务端安装后vncserver后, 主机端通过vnc客户端程序输入ip端口和密码后即可远程登录桌面

为了方便使用, 我希望可以使用浏览器直接访问, 那么接下来给大家介绍其实现方法:

实现概述

想要实现浏览器访问桌面, 首先我们需要安装桌面程序, 至于如何安装ubuntu桌面程序 可以参考以下文章:

《给Multipass容器安装桌面环境》

《Ubuntu系统安装LXDE+VNC桌面环境》

在桌面程序安装完毕的前提下, 我们只需要在服务器中安装novnc程序即可

novnc相当于是一个中间代理, 充当了vnc viewer的一个角色, 使得我们无需安装本地vnc客户端即可访问桌面

具体操作如下:

安装步骤

  1. 下载并安装novnc程序:

    1
    sudo snap install novnc

  2. 启动novnc连接vncserver 同时设置web访问端口为6081

    1
    sudo novnc --listen 6081 --vnc localhost:5901

    image-20210902110019439

  3. 浏览器输入以下地址访问

    1
    http://ip:6081/vnc.html

    如下:

    image-20210902105804968

    输入密码:

    image-20210902111100228

    进入后长这样:

    image-20210902111148950

  4. 为了保持novnc常驻在后台, 我们可以启动novnc后台服务:

    1
    sudo snap set novnc services.n6082.listen=6082 services.n6082.vnc=localhost:5902

    参数说明:

    • services.n6082.listen=6082 :表示名为n6082的服务web监听端口设为6082, 服务名称可以随便起, 但是前后要保持一致
    • services.n6082.vnc=localhost:5902: 表示名为n6082的服务连接的vncserver端口设为6082

    那么 也就是说, novnc可以同时连接多个vncserver, 比如这样:

    1
    sudo snap set novnc services.n1.listen=6081 services.n1.vnc=localhost:5901 services.n2.listen=6082 services.n2.vnc=localhost:5902

    同时连接了两个vncserver, 对应的端口分别为6081和6082` , 也就是不同的端口访问不同的桌面

novnc指令补充

  1. 查看当前开启的服务数量:

    1
    sudo snap get novnc services

    打印结果长这样:

    1
    2
    3
    Key             Value
    services.n1  {...}
    services.n2  {...}

  2. 关闭服务

    1
    sudo snap set novnc services.n1.listen='' services.n1.vnc=''

  3. 查看具体某个服务的信息

    1
    sudo snap get novnc services.n1

补充

  1. 如果你需要设置vncserver开机自启动:

    1
    systemctl start vncserver@:1.service && systemctl enable vncserver@:1.service

  2. 你想查看vnserver服务是否开启:

    1
    2
    3
    4
    systemctl status vncserver@:.service

    或者
    systemctl is-enabled vncserver@.service

  3. 你想重启vncserver:

    1
    systemctl restart vncserver@:1.service

  4. 你想设置vnc分辨率:

    1
    vncserver -geometry 1280x1024

  5. 你想修改vncserver登录密码:

    1
    vncpasswd

本文为作者原创 转载时请注明出处 谢谢

B站入口

打赏通道

微信公众号二维码如下:

img

乱码三千 – 点滴积累 ,欢迎来到乱码三千技术博客站

0%