Ubuntu 22.04
Sponsored Link

デスクトップ環境 : VNC クライアント : noVNC2022/04/26

noVNC をインストールして、Web ブラウザーで VNC 接続します。
[1] 必要なパッケージをインストールをしておきます。
apt -y install novnc python3-websockify python3-numpy
こちらを参考に、任意のユーザーで VNC サーバーを起動しておきます
当例では、[ubuntu] ユーザーがポート [5901] で VNC サーバーを起動している前提で進めます。
[3] VNC 起動ユーザーで 証明書を作成し、Websockify を起動して [localhost:5901] をポート [6080] でプロキシします。
openssl req -x509 -nodes -newkey rsa:3072 -keyout novnc.pem -out novnc.pem -days 3650

You are about to be asked to enter information that will be incorporated
into your certificate request.
What you are about to enter is what is called a Distinguished Name or a DN.
There are quite a few fields but you can leave some blank
For some fields there will be a default value,
If you enter '.', the field will be left blank.
Country Name (2 letter code) [AU]:JPJP                          # 国コード
State or Province Name (full name) [Some-State]:Hiroshima       # 地域
Locality Name (eg, city) []:Hiroshima                           # 都市
Organization Name (eg, company) [Internet Widgits Pty Ltd]:GTS  # 組織名
Organizational Unit Name (eg, section) []:Server World          # 組織の部門名
Common Name (e.g. server FQDN or YOUR name) []:dlp.srv.world    # サーバーの FQDN
Email Address []:ubuntu@srv.world                               # 管理者アドレス

websockify -D --web=/usr/share/novnc/ --cert=/home/ubuntu/novnc.pem 6080 localhost:5901

WebSocket server settings:
  - Listen on :6080
  - Web server. Web root: /usr/share/novnc
  - SSL/TLS support
  - Backgrounding (daemon)
[4] 任意のクライアントコンピューターで Web ブラウザーを起動し、[https://(サーバーのホスト名 または IP アドレス):6080/vnc.html] にアクセスします。 すると、以下のように noVNC の画面が表示されます。 [Connect] ボタンをクリックして次へ進めます。
[5] パスワードの入力を求められます。ここで入力が必要なのは VNC パスワードです。
[6] 接続できました。Web ブラウザー上で Ubuntu の操作を実行することができます。