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:
- 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
- Login ke VPS melalui SSH.
- 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
- 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.
- 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
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,
- 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
- 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.
- 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/
- Lakukan test nginx untuk memastikan bahwa file konfigurasi yang dibuat sudah sesuai, dan restart service nginx nya.
# sudo nginx -t
# sudo systemctl restart nginx
- Setelah selesai mengikuti semua tahapan diatas, silahkan mencoba akses ke nama domain yang sudah dikonfigurasi sebelumnya di Browser.
Demikian panduan kami tentang cara setting virtual host Nginx di Ubuntu 22.04, semoga bermanfaat dan selamat mencoba.