A. Pendahuluan

noVNC adalah aplikasi berbasis web yang memungkinkan pengguna mengakses desktop grafis pada server Linux melalui browser tanpa perlu menginstal aplikasi Remote Desktop tambahan. noVNC bekerja dengan meneruskan koneksi ke server VNC (Virtual Network Computing), sehingga pengguna cukup membuka alamat IP atau domain server melalui browser untuk mengakses tampilan desktop.

Kombinasi VNC Server dan noVNC menjadi solusi yang praktis untuk mengelola VPS atau server Ubuntu secara grafis, terutama ketika akses melalui browser lebih diutamakan. Metode ini banyak digunakan pada lingkungan cloud, VPS, maupun server yang tidak memiliki akses fisik.

Pada artikel ini akan dijelaskan langkah-langkah menginstal VNC Server dan noVNC pada Ubuntu 24.04, mulai dari pemasangan desktop environment hingga konfigurasi agar desktop dapat diakses melalui browser.

B. Persiapan

Sebelum memulai proses instalasi, pastikan telah menyiapkan beberapa kebutuhan berikut.

1. Akses server dengan sudo/root.
2. Sudah allow/open port 5901 (VNC) dan 6080 (noVNC).
    

Setelah sudah memenuhi persyaratan di atas, bisa dilanjutkan untuk ke langkah berikutnya.

C. Langkah-Langkah Instalasi

1. Perbarui Repository Sistem

Sebelum melakukan instalasi, perbarui daftar paket dan sistem Ubuntu.

apt update && sudo apt upgrade -y

2. Install Desktop Environment

Karena Ubuntu Server tidak memiliki antarmuka grafis secara bawaan, instal desktop environment terlebih dahulu. Pada tutorial ini digunakan XFCE karena ringan dan cocok untuk VPS.

apt install xfce4 xfce4-goodies -y

Setelah proses instalasi selesai, buat konfigurasi agar sesi VNC menggunakan XFCE.

echo "startxfce4" > ~/.xsession
chmod +x ~/.xsession

3. Install TigerVNC Server

Instal paket TigerVNC Server dengan jalankan command berikut:

apt install tigervnc-standalone-server tigervnc-common -y

4. Membuat Password VNC

Jalankan perintah berikut untuk membuat password yang digunakan saat login melalui VNC.

vncpasswd

Masukkan password sesuai kebutuhan.

5. Menjalankan VNC Server

vncserver

Apabila berhasil, akan muncul informasi seperti berikut.

Display :1 menunjukkan bahwa VNC berjalan pada port 5901.

6. Menghentikan VNC Server

Sebelum melakukan konfigurasi lanjutan, hentikan layanan VNC.

vncserver -kill :1

7. Konfigurasi Startup VNC

Edit file startup VNC.

nano ~/.vnc/xstartup

Isi file tersebut dengan konfigurasi berikut.

#!/bin/sh

unset SESSION_MANAGER
unset DBUS_SESSION_BUS_ADDRESS

exec startxfce4

Simpan file, kemudian ubah hak aksesnya.

chmod +x ~/.vnc/xstartup

Jalankan kembali VNC Server.

vncserver

8. Install noVNC

Masuk ke direktori /opt.

cd /opt

Clone repository noVNC.

git clone https://github.com/novnc/noVNC.git

Clone WebSockify yang digunakan sebagai penghubung antara browser dan VNC.

git clone https://github.com/novnc/websockify.git

9. Menjalankan noVNC

Masuk ke direktori noVNC.

cd /opt/noVNC

Jalankan layanan noVNC.

./utils/novnc_proxy --vnc localhost:5901

Apabila berhasil, akan muncul informasi seperti berikut.

Catatan: JIka URL Link yang tampil diawali nama hostname, maka saat coba akses di browser, bisa diganti dengan IP Public server.

10. Mengakses noVNC Melalui Browser

Buka browser kemudian akses alamat berikut.

http://IP-SERVER:6080/vnc.html

Klik Connect, masukkan password VNC yang telah dibuat sebelumnya, kemudian klik Send Credentials.

Jika konfigurasi berhasil, desktop Ubuntu akan ditampilkan pada browser.

D. Penutup

Dengan menginstal TigerVNC Server dan noVNC pada Ubuntu 24.04, Anda dapat mengakses desktop grafis server baik melalui aplikasi VNC Client maupun langsung dari browser. Solusi ini sangat berguna untuk administrasi VPS, pengujian aplikasi berbasis GUI, maupun kebutuhan remote desktop tanpa memerlukan perangkat lunak tambahan di sisi klien.

Agar sistem lebih aman, disarankan untuk membatasi akses ke port VNC dan noVNC menggunakan firewall, VPN, atau reverse proxy dengan HTTPS. Selain itu, gunakan password VNC yang kuat dan lakukan pembaruan sistem secara berkala untuk menjaga keamanan server.

Semoga artikel ini dapat membantu Anda. Temukan bantuan lainnya melalui Knowledge Base Biznet Gio. Jika Anda masih memiliki kendala silakan hubungi Support Biznet GIO melalui email support@biznetgio.com atau live chat maupun WA ke website www.biznetgio.com dan bisa juga melalui telepon ke nomor (021) 5714567.