Rumahweb Journal
Banner - Cara Setting Virtual Host Nginx Ubuntu

Cara Setting Virtual Host Nginx Ubuntu 22.04

Setelah sebelumnya kami membahas cara install Nginx di Ubuntu, pada panduan kali, Kami akan membahas bagaimana cara melakukan setting virtual host Nginx di Ubuntu 22.04.

Sebelum membahas lebih detail tentang setting virtual host, terlebih dahulu akan kami jelaskan apa itu nginx dan vhost atau virtual host, agar Anda lebih memahami panduan kami. Simak informasi berikut ini.

Apa itu Nginx?

Nginx adalah salah satu web server open source yang memiliki beberapa fungsi seperti web server, reverse proxy, caching, load balancing, dan masih banyak lagi. Tak heran, mengapa Nginx menjadi salah satu web server yang paling banyak digunakan hingga saat ini.

Untuk informasi lebih detail mengenai Nginx dapat Anda baca pada artikel berikut ini: Apa itu Nginx?

Apa itu Virtual Host?

Virtual Host adalah file konfigurasi pada sebuah web server yang berfungsi agar server dapat digunakan lebih dari satu domain. Virtual host memungkinkan Anda untuk membuat lebih dari satu website dengan konten yang berbeda pada sebuah server.

Terdapat beberapa tipe konfigurasi pada Virtual Host yaitu:

Pindah Hosting ke Rumahweb Gratis
  • IP Based : Setiap website di server menggunakan IP Address yang berbeda.
  • Port Based : Website di server menggunakan IP Address yang sama, namun menggunakan Port Berbeda.
  • Hostname Based : Website di server menggunakan nama domain atau hostname yang berbeda.

Selengkapnya tentang apa itu vhost atau virtual host bisa Anda pelajari pada artikel berikut: apa itu vhost?

Persiapan Sistem

Dalam panduan ini, kami menggunakan layanan VPS KVM dengan spesifikasi sebagai berikut:

  • OS Ubuntu 22.04
  • 1 Core CPU
  • 1 GB RAM
  • 20GB Disk
  • Sudah terinstall Nginx

Setting Virtual Host Nginx

Setelah mengetahui apa itu Nginx dan juga Virtual host, langkah berikutnya Anda dapat melakukan setting virtual host Nginx di VPS Ubuntu melalui SSH. Berikut langkah-langkahnya:

Step 1. Membuat Document Root Domain

  1. Login ke VPS melalui SSH.
  2. Buat folder yang akan digunakan untuk menyimpan file-file website nantinya dengan menjalankan perintah berikut,
sudo mkdir -p /var/www/nginx.wargarw.my.id/html
Membuat Document Root Domain
  1. Sesuaikan permission pada folder yang sudah dibuat sebelumnya.
# sudo chown -R $USER:$USER /var/www/nginx.wargarw.my.id/html
# sudo chmod -R 755 /var/www

Perhatian : Silahkan disesuaikan $USER:$USER dengan nama user yang Anda miliki. Jika ingin menggunakan perintah diatas, pastikan Anda tidak login sebagai root.

mengubah permission folder vhost
  1. Setelah membuat folder dan juga menyesuaikan permissionnya. Selanjutnya buat contoh file index.html dengan menjalankan perintah berikut,
nano /var/www/nginx.wargarw.my.id/html/index.html
menambahkan file index pada folder

Berikut adalah contoh file index.html yang digunakan pada panduan kali ini.

<html>
    <head>
        <title>Welcome to Example.com!</title>
    </head>
    <body>
        <h1>VirtualHost Wargarw</h1>
    </body>
</html>

Untuk menyimpan file index.html silahkan tekan CTRL + X, lalu opsi Y, dan tekan Enter.

Step 2. Setting Virtual Host

Setelah selesai membuat folder yang akan digunakan untuk menyimpan file website atau document root domain, selanjutnya adalah setting virtual host di Nginx. Berikut tahapannya,

  1. Buat file Konfigurasi Virtual Host untuk domain didalam folder /etc/nginx/sites-available/ dengan menjalankan perintah berikut,
# sudo nano /etc/nginx/sites-available/nginx.wargarw.my.id
Setting Virtual Host
  1. Selanjutnya, pada Editor yang tampil silahkan Anda masukkan script konfigurasi nya. Berikut adalah contoh yang digunakan pada panduan kali ini,
server {
        listen 80;
        listen [::]:80;

        root /var/www/nginx.wargarw.my.id/html;
        index index.html index.htm;

        server_name nginx.wargarw.my.id;

        location / {
                try_files $uri $uri/ =404;
        }
} 

Dari script diatas, silahkan lakukan penyesuaian beberapa hal berikut,

  • root : Isi dengan Document root atau folder dimana file website disimpan.
  • server_name : isi dengan nama domain yang ingin digunakan.

Lalu simpan file dengan cara tekan CTRL + X, lalu opsi Y, dan tekan Enter.

Setting Virtual Host nginx
  1. Selanjutnya buat symlink file konfigurasi yang sudah dibuat pada tahap sebelumnya ke folder /etx/nginx/sites-enabled/ dengan menjalankan perintah berikut,
sudo ln -s /etc/nginx/sites-available/nginx.wargarw.my.id /etc/nginx/sites-enabled/
buat symlink file konfigurasi
  1. Lakukan test nginx untuk memastikan bahwa file konfigurasi yang dibuat sudah sesuai, dan restart service nginx nya.
# sudo nginx -t
# sudo systemctl restart nginx
restart nginx
  1. Setelah selesai mengikuti semua tahapan diatas, silahkan mencoba akses ke nama domain yang sudah dikonfigurasi sebelumnya di Browser.
test akses website

Demikian panduan kami tentang cara setting virtual host Nginx di Ubuntu 22.04, semoga bermanfaat dan selamat mencoba.

Bermanfaatkah Artikel Ini?

Klik bintang 5 untuk rating!

Rating rata-rata 0 / 5. Vote count: 0

Belum ada vote hingga saat ini!

Kami mohon maaf artikel ini kurang berguna untuk Anda!

Mari kita perbaiki artikel ini!

Beri tahu kami bagaimana kami dapat meningkatkan artikel ini?

VPS Alibaba

Wahid Husain

Person who love family, cat, sleep, and Pau <3