Nginx sebagai Reverse Proxy

Konsep reverse proxy dulu, config belakangan

Aplikasi Node-mu listen di port 3000. User internet tidak akan mengetik domainmu.com:3000 — dan kamu tidak mau mengekspos port aplikasi langsung: port 80/443 adalah alamat 'resmi' web, satu-satunya yang boleh dibuka di firewall, dan satu-satunya tempat TLS (HTTPS) ditangani dengan rapi.

nginx (dibaca 'engine-x') berperan sebagai resepsionis gedung: semua tamu datang ke lobi (port 80), nginx yang mengantar ke ruangan yang tepat — /api/* ke aplikasi Node port 3000, / ke app PHP, dan seterusnya. Ini disebut reverse proxy: 'proxy' karena mewakili klien meneruskan permintaan, 'reverse' karena ia di sisi server (kebalikannya: proxy di sisi klien, misalnya untuk menembus sensor).

• Satu port publik untuk banyak aplikasi — dua app di port 3000 & 8000 bisa dilayani bersamaan, bahkan beda domain.
• HTTPS cukup di satu tempat — sertifikat TLS dipasang di nginx, tidak di tiap app.
• Pekerjaan infrastruktur — serve file statis (CSS/JS/gambar) jauh lebih cepat di nginx daripada di app, plus rate limiting, gzip, header keamanan.
• nginx sendiri sangat ringan & stabil — ia tidak ikut mati kalau aplikasimu crash (user melihat error page, bukan connection refused).

Install

$sudo apt install -y nginx

$sudo systemctl enable --now nginx

$sudo ufw allow 'Nginx Full'

Buka http://IP_VM di browser laptop → halaman 'Welcome to nginx!' = nginx hidup dan firewall tidak menghalangi. Belum ada appmu di sana — itu tugas step berikutnya.

Anatomi konfigurasi (dibaca dulu, dipraktekkan di step stack)

Config nginx di /etc/nginx/ mengikuti pola: satu file 'site' di sites-available diaktifkan lewat symlink ke sites-enabled. File minimal untuk mem-proxy sebuah app:

server {
    listen 80;
    server_name _;                # _ = tangkap semua hostname dulu

    location / {
        proxy_pass http://127.0.0.1:3000;   # kirim ke aplikasi
        proxy_set_header Host $host;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Proto $scheme;
    }
}

$sudo ln -s /etc/nginx/sites-available/myapp /etc/nginx/sites-enabled/

$sudo nginx -t

$sudo systemctl reload nginx