DEV Community: Dev Rama

Cara Setup Reverse Proxy dan SSL Let's Encrypt

Dev Rama — Mon, 01 Jun 2026 08:29:59 +0000

Berikut adalah panduan lengkap langkah demi langkah untuk melakukan konfigurasi Reverse Proxy menggunakan Nginx yang diarahkan ke aplikasi di port 3030, menggunakan domain devrama.my.id, dan diamankan dengan SSL gratis dari Let's Encrypt.

🛠️ Langkah 1: Persiapan Awal (Prerequisites)
Sebelum memulai, pastikan:
Domain devrama.my.id sudah diarahkan (A Record) ke IP Publik Server/VPS kamu melalui DNS Management (misalnya via Cloudflare/IdCloudHost/Niagahoster).
Aplikasi kamu sudah berjalan di port 3030 (bisa dicek dengan perintah curl localhost:3030).

🚀 Langkah 2: Install Nginx dan Certbot
Masuk ke server kamu via SSH, lalu jalankan perintah berikut untuk memperbarui sistem dan menginstal Nginx serta Certbot (alat pengelola SSL Let's Encrypt).

sudo apt update
sudo apt install nginx certbot python3-certbot-nginx -y

Pastikan Nginx sudah berjalan:

sudo systemctl start nginx
sudo systemctl enable nginx

📄 Langkah 3: Konfigurasi Reverse Proxy Nginx
Kita akan membuat file konfigurasi baru khusus untuk domain kamu.
Hapus default Nginx port 80

sudo rm /etc/nginx/sites-enabled/default

Buat file konfigurasi baru di direktori Nginx:

sudo nano /etc/nginx/sites-available/devrama.my.id

Salin dan tempel kode berikut ke dalam file tersebut (konfigurasi HTTP port 80 untuk awal):

server {
    listen 80;
    server_name devrama.my.id;

    location / {
        proxy_pass http://127.0.0.1:3030; # Mengarahkan trafik ke port aplikasi
        proxy_http_version 1.1;

        # Header penting agar aplikasi tahu IP asli dari pengunjung
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection 'upgrade';
        proxy_set_header Host $host;
        proxy_cache_bypass $http_upgrade;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Proto $scheme;
    }
}

Simpan dan keluar (Tekan CTRL + O, lalu Enter, kemudian CTRL + X).
Aktifkan konfigurasi dengan membuat symlink ke folder sites-enabled:
sudo ln -s /etc/nginx/sites-available/devrama.my.id /etc/nginx/sites-enabled/

Tes apakah konfigurasi Nginx sudah benar dan tidak ada eror syntax:

sudo nginx -t

Jika muncul pesan nginx: configuration file ... test is successful, artinya aman!
Restart Nginx untuk menerapkan perubahan:

sudo systemctl restart nginx

🔒 Langkah 4: Install SSL Let's Encrypt
Sekarang, kita akan menggunakan Certbot untuk mengamankan domain dengan SSL (HTTPS). Kerennya, Certbot akan otomatis mengubah file konfigurasi Nginx kita tadi agar mendukung HTTPS.

Jalankan perintah Certbot berikut:

sudo certbot --nginx -d devrama.my.id

Certbot akan menanyakan beberapa hal saat pertama kali dijalankan:
Email: Masukkan email aktifmu (untuk notifikasi jika SSL akan kedaluwarsa).

Terms of Service: Ketik A lalu Enter untuk menyetujui.
Share Email: Ketik Y atau N (bebas).
Redirect HTTP to HTTPS: Jika muncul pilihan untuk mengalihkan otomatis trafik HTTP ke HTTPS, pilih opsi Redirect (biasanya opsi nomor 2).

Jika berhasil, kamu akan melihat pesan sukses:
Congratulations! You have successfully enabled HTTPS on https://devrama.my.id

🔄 Langkah 5: Otomatisasi Perpanjangan SSL (Auto-Renewal)
SSL Let's Encrypt hanya berlaku selama 90 hari. Namun, Certbot secara otomatis membuat cron job di server untuk memperbaruinya sebelum kedaluwarsa.Untuk memastikan fitur auto-renewal ini berfungsi dengan baik, kamu bisa mengujinya dengan perintah:

sudo certbot renew --dry-run

Jika tidak ada eror, maka SSL kamu akan diperbarui otomatis selamanya tanpa perlu kamu urus lagi secara manual.

Selesai!

Sekarang kamu bisa membuka browser dan mengakses https://devrama.my.id. Nginx akan otomatis menerima trafik aman (HTTPS) di port 443, meneruskannya ke aplikasi internal kamu di port 3030, dan mengembalikan responsnya ke pengguna dengan mulus.

Final Project: Cloud Full-Stack Deployment

Dev Rama — Mon, 01 Jun 2026 05:08:06 +0000

☁️ Final Project: Cloud Full-Stack Deployment

Proyek ini mendokumentasikan proses deployment aplikasi web (Node.js + Nginx) ke AWS EC2 menggunakan Docker, CI/CD GitHub Actions, Reverse Proxy dengan SSL otomatis (Let's Encrypt), serta monitoring stack (Prometheus & Grafana).

🛠 Tech Stack

Kategori	Teknologi
Runtime/Build	Node.js 22 (Alpine)
Web Server	Nginx (Alpine)
Container	Docker & Docker Compose
CI/CD	GitHub Actions
Cloud	AWS EC2 (Ubuntu 24.04 LTS, t3.micro)
Security/Proxy	Nginx Reverse Proxy, Let's Encrypt
Monitoring	Prometheus, Grafana, Node Exporter

📋 Prerequisites

✅ Akun GitHub & Repository
✅ Akun DockerHub & Access Token
✅ Akun AWS & Key Pair (.pem)
✅ Domain yang sudah diarahkan ke IP EC2 (A Record)
✅ Docker, Git, dan Node.js 22 terinstall di mesin lokal

🚀 Local Development & Testing

Clone repository

   git clone https://github.com/codebucks27/wibe-studio.git
   cd repo

Build & Run Docker container

   docker build -t wibe-studio .
   docker run -d -p 8080:80 wibe-studio

Akses aplikasi Buka browser: http://localhost:8080

📦 Registry & Version Control

🔹 Push ke DockerHub

docker login
docker tag wibe-studio devrama404/wibe-studio:latest
docker push devrama404/wibe-studio:latest

🔹 Push ke GitHub

git init
git add .
git commit -m "first commit"
git branch -M main
git remote add origin https://github.com/devrama404/wibe-studio.git
git push -u origin main

☁️ AWS EC2 Setup

Launch Instance OS: Ubuntu Server 24.04 LTS | Tipe: t3.micro | Key Pair: Buat & simpan .pem
SSH ke Server

   chmod 400 key.pem
   ssh -i key.pem ubuntu@<EC2_PUBLIC_IP>

Install Docker & Git

   sudo apt update && sudo apt install -y ca-certificates curl git
   sudo install -m 0755 -d /etc/apt/keyrings
   sudo curl -fsSL https://download.docker.com/linux/ubuntu/gpg -o /etc/apt/keyrings/docker.asc
   sudo chmod a+r /etc/apt/keyrings/docker.asc
   echo "deb [arch=$(dpkg --print-architecture) signed-by=/etc/apt/keyrings/docker.asc] https://download.docker.com/linux/ubuntu $(. /etc/os-release && echo "${UBUNTU_CODENAME:-$VERSION_CODENAME}") stable" | sudo tee /etc/apt/sources.list.d/docker.list > /dev/null
   sudo apt update
   sudo apt install -y docker-ce docker-ce-cli containerd.io docker-buildx-plugin docker-compose-plugin
   sudo systemctl enable --now docker

🔄 CI/CD Pipeline (GitHub Actions)

1. Setup Secrets

Masuk ke GitHub Repo → Settings → Secrets and variables → Actions dan tambahkan:
| Secret Name | Value Contoh |
|----------------------|----------------------------|
| DOCKERHUB_USERNAME | devrama404 |
| DOCKERHUB_TOKEN | dckr_pat_xxxxxxxxxxxxx |
| EC2_HOST | <IP_EC2> |
| EC2_USER | ubuntu |
| SSH_PRIVATE_KEY | Isi lengkap key.pem Anda |

2. Workflow

Buat file .github/workflows/deploy.yml. Pipeline akan menjalankan:

Checkout → Setup Node 22 → Install Deps → Build App → Docker Login → Build & Push Image → SSH Deploy to EC2 (port 80)

name: CI-CD Pipeline

on:
 push:
   branches:
     - main

jobs:
 deploy:
   runs-on: ubuntu-latest

   steps:
     - name: Checkout code
       uses: actions/checkout@v4

     - name: Setup Node
       uses: actions/setup-node@v4
       with:
         node-version: 22

     - name: Install dependencies
       run: npm install --legacy-peer-deps

     - name: Build app
       run: npm run build

     - name: Login Docker Hub
       uses: docker/login-action@v3
       with:
         username: ${{ secrets.DOCKERHUB_USERNAME }}
         password: ${{ secrets.DOCKERHUB_TOKEN }}

     - name: Build Docker image
       run: |
         docker build -t ${{ secrets.DOCKERHUB_USERNAME }}/wibe-studio:latest .

     - name: Push Docker image
       run: |
         docker push ${{ secrets.DOCKERHUB_USERNAME }}/wibe-studio:latest

     - name: Deploy to EC2
       uses: appleboy/ssh-action@v1.0.3
       with:
         host: ${{ secrets.EC2_HOST }}
         username: ${{ secrets.EC2_USER }}
         key: ${{ secrets.SSH_PRIVATE_KEY }}
         script: |

           docker pull ${{ secrets.DOCKERHUB_USERNAME }}/wibe-studio:latest

           docker stop wibe-studio || true
           docker rm wibe-studio || true

           docker run -d \
             --name wibe-studio \
             -p 8080:80 \
             ${{ secrets.DOCKERHUB_USERNAME }}/wibe-studio:latest

Cek Hasilnya

🔒 Reverse Proxy & SSL Setup

Install Nginx & Certbot

   sudo apt update && sudo apt install -y nginx certbot python3-certbot-nginx
   sudo systemctl enable --now nginx

Konfigurasi Reverse Proxy

   sudo rm /etc/nginx/sites-enabled/default
   sudo nano /etc/nginx/sites-available/wibestudio.devrama.my.id

Isi konfigurasi:

   server {
       listen 80;
       server_name wibestudio.devrama.my.id;

       location / {
           proxy_pass http://127.0.0.1:8080;
           proxy_http_version 1.1;
           proxy_set_header Upgrade $http_upgrade;
           proxy_set_header Connection 'upgrade';
           proxy_set_header Host $host;
           proxy_cache_bypass $http_upgrade;
           proxy_set_header X-Real-IP $remote_addr;
           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/wibestudio.devrama.my.id /etc/nginx/sites-enabled/
   sudo nginx -t && sudo systemctl restart nginx

Aktifkan SSL (Let's Encrypt)

   sudo certbot --nginx -d wibestudio.devrama.my.id

✅ Ikuti prompt, pilih Redirect (2) untuk mengalihkan HTTP ke HTTPS secara otomatis.

📊 Monitoring Stack

Buat Folder & File Konfigurasi

   mkdir monitoring && cd monitoring
   nano docker-compose.yml
   nano prometheus.yml

Jalankan Stack

   docker compose up -d

Akses Dashboard
- 📈 Grafana: http://<EC2_IP>:3001 | Default: admin / admin
- 🕵️ Prometheus: http://<EC2_IP>:9090
Hubungkan Grafana ke Prometheus Settings → Data Sources → Add Prometheus → URL: http://prometheus:9090 → Save & Test
Buat Panel Dashboard (Contoh PromQL)
- CPU: node_cpu_seconds_total
- RAM: node_memory_MemAvailable_bytes
- Load: node_load1

📁 Project Structure

📦 repo-root
├── 📂 .github/workflows/
│   └── deploy.yml          # CI/CD Pipeline
├── 📄 Dockerfile           # Node.js Builder → Nginx
├── 📂 monitoring/
│   ├── docker-compose.yml  # Monitoring Stack
│   └── prometheus.yml      # Prometheus Config
└── 📂 src/                 # Source Code Aplikasi

⚠️ Troubleshooting & Catatan

🔐 Pastikan Security Group EC2 membuka port: 80, 443, 8080, 3001, 9090.
🔄 Port proxy_pass di Nginx (8080) harus sesuai dengan port mapping container lokal. Di EC2, CI/CD langsung map ke port 80.
🐳 Token DockerHub bisa dibuat di: DockerHub → Settings → Security → Access Tokens.
🔑 SSH_PRIVATE_KEY di GitHub Secrets harus berisi seluruh isi file .pem (termasuk -----BEGIN... dan -----END...).

Serverless Computing

Dev Rama — Wed, 27 May 2026 07:35:16 +0000

Serverless Function

Tulis kode di laptop/Lokal

nano lambda_function.py

Isi Folder

import json

def lambda_handler(event, context):
name = event.get('queryStringParameters', {}).get('name', 'Rama')

return {
    'statusCode': 200,
    'body': json.dumps({
        "message": f"Hello, {name}!"
    })
}

Ctrl+o

Ctrl+x

Buat file menjadi zip

zip lambda_function.zip lambda_function.py

Buka Aws Dan Pilih Menu Lambda

Pilih Create Function
Pilih author from scratch
Isi nama functionnya
Pilih runtime nya

![][image1]

Upload Code yang Telah di buat tadi
Pilih upload file dan pilih file yang telah di buat
Kemudian pilih deploy

![][image2]

Tambahkan Trigger
Pilih menu configuration dan pilih add trigger
Trigger Configuration = API GATEWAY
Pilih Create a New API
API type nya HTTP API
Klik Add

![][image3]

Tes API Gateway apakah sudah berhasil atau belum
Klik link pada API endpoint

![][image4]

Berhasillll
Kamu Sudah berhasil menjaalan test API Gateway

![][image5]