Membangun aplikasi web di era modern memerlukan pondasi yang kokoh. Framework modern memberikan fleksibilitas luar biasa bagi developer untuk menghadirkan fitur kompleks secara cepat tanpa mengabaikan aspek keamanan dan keandalan sistem.
Tahapan Implementasi & Walkthrough Kode
Berikut adalah langkah demi langkah teknis yang dapat Anda ikuti langsung pada codebase Anda:
Tahap 1: Penulisan Kode & Konfigurasi
sudo nano /etc/hosts
Tahap 2: Penulisan Kode & Konfigurasi
ip_server website1.com
ip_server website2.com
Tahap 3: Penulisan Kode & Konfigurasi
sudo mkdir -p /var/www/html/website1.com
Tahap 4: Penulisan Kode & Konfigurasi
sudo mkdir -p /var/www/html/website2.com
Tahap 5: Penulisan Kode & Konfigurasi
sudo chown -R $USER:$USER /var/www/html/website1.com
Tahap 6: Penulisan Kode & Konfigurasi
sudo chown -R $USER:$USER /var/www/html/website2.com
Tahap 7: Penulisan Kode & Konfigurasi
sudo chmod -R 755 /var/www/html
Tahap 8: Penulisan Kode & Konfigurasi
nano /var/www/html/website1.com/index.html
Tahap 9: Penulisan Kode & Konfigurasi
<html>
<head>
<title>Selamat Datang di Website1.com</title>
<head>
<body>
<h1>SUKSES! kita sudah berhasil membuat Server Block untuk domain Website1.com.</h1>
<body>
<html>
Tahap 10: Penulisan Kode & Konfigurasi
nano /var/www/html/website2.com/index.html
Tahap 11: Penulisan Kode & Konfigurasi
<html>
<head>
<title>Selamat Datang di Website2.com</title>
<head>
<body>
<h1>SUKSES! kita sudah berhasil membuat Server Block untuk domain Website2.com.</h1>
<body>
<html>
Tahap 12: Penulisan Kode & Konfigurasi
sudo mkdir /etc/nginx/sites-available
Tahap 13: Penulisan Kode & Konfigurasi
sudo mkdir /etc/nginx/sites-enabled
Tahap 14: Penulisan Kode & Konfigurasi
sudo nano /etc/nginx/nginx.conf
Tahap 15: Penulisan Kode & Konfigurasi
include /etc/nginx/sites-enabled/*.conf
server_names_hash_bucket_size 64;
Tahap 16: Penulisan Kode & Konfigurasi
include /etc/nginx/conf.d/*.conf
include /etc/nginx/sites-enabled/*.conf
server_names_hash_bucket_size 64;
Tahap 17: Penulisan Kode & Konfigurasi
sudo nginx -t
Tahap 18: Penulisan Kode & Konfigurasi
nginx: the configuration file /etc/nginx/nginx.conf syntax is ok
nginx: configuration file /etc/nginx/nginx.conf test is successful
Tahap 19: Penulisan Kode & Konfigurasi
sudo cp /etc/nginx/conf.d/default.conf /etc/nginx/sites-available/website1.com.conf
Tahap 20: Penulisan Kode & Konfigurasi
sudo nano /etc/nginx/sites-available/website1.com.conf
Tahap 21: Penulisan Kode & Konfigurasi
server {
listen 80;
server_name website1.com www.website1.com;
location / {
root /var/www/html/website1.com;
index index.html index.htm;
try_files $uri $uri/ =404;
}
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root /usr/share/nginx/html;
}
}
Tahap 22: Penulisan Kode & Konfigurasi
server_name website1.com www.website1.com;
Tahap 23: Penulisan Kode & Konfigurasi
root /var/www/html/website1.com;
Tahap 24: Penulisan Kode & Konfigurasi
try_files $uri $uri/ =404;
Tahap 25: Penulisan Kode & Konfigurasi
sudo cp /etc/nginx/conf.d/default.conf /etc/nginx/sites-available/website2.com.conf
Tahap 26: Penulisan Kode & Konfigurasi
sudo nano /etc/nginx/sites-available/website2.com.conf
Tahap 27: Penulisan Kode & Konfigurasi
server {
listen 80;
server_name website2.com www.website2.com;
location / {
root /var/www/html/website2.com;
index index.html index.htm;
try_files $uri $uri/ =404;
}
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root /usr/share/nginx/html;
}
}
Tahap 28: Penulisan Kode & Konfigurasi
sudo ln -s /etc/nginx/sites-available/website1.com.conf /etc/nginx/sites-enabled/website1.com.conf
Tahap 29: Penulisan Kode & Konfigurasi
sudo ln -s /etc/nginx/sites-available/website2.com.conf /etc/nginx/sites-enabled/website2.com.conf
Tahap 30: Penulisan Kode & Konfigurasi
sudo systemctl restart nginx
Selalu gunakan pendekatan deklaratif, validasi input seawal mungkin di boundary layer, dan lakukan logging terstruktur untuk memudahkan observability ketika sistem dijalankan di lingkungan cloud produksi.
Kesimpulan
Dengan mengikuti langkah-langkah terstruktur di atas, implementasi modul Anda akan jauh lebih rapi, aman dari bug umum, serta siap diskalakan ke lingkungan produksi.
Nantikan artikel tutorial praktis lainnya seputar fullstack development, microservices, dan otomasi AI di Blog Engineering SiHubung. Selamat mencoba!