Tutorial Terminal Lanjutan #15 - Deploy Website Statis di AWS – Dari Localhost ke Internet! 🌐

Halo, penerbit web global! 🚀
Di tutorial sebelumnya, kamu sudah berhasil masuk ke server EC2 di AWS. Sekarang, saatnya membuat website-mu **benar-benar online** — bisa diakses oleh siapa saja di seluruh dunia!

Kita akan:

  • ✅ Membuat website statis sederhana di komputermu
  • 📤 Mengunggahnya ke server AWS
  • 🌍 Mengaksesnya via browser dari mana saja!

🌐 Apa Itu Website Statis?
Website yang terdiri dari file HTML, CSS, dan gambar — tidak butuh database atau logika server.
Contoh: portofolio pribadi, halaman landing, dokumentasi proyek.
Sempurna untuk pemula dan sangat cepat dijalankan!

Langkah 1: Buat Website Statis di Komputermu

Buat folder proyek:

mkdir ~/website-saya
cd ~/website-saya

Buat file index.html:

nano index.html

Isi dengan kode berikut:

<!DOCTYPE html>
<html>
<head>
  <title>Website Pertamaku di AWS!</title>
  <style>
    body { font-family: Arial, sans-serif; text-align: center; padding: 50px; background: #f0f8ff; }
    h1 { color: #e74c3c; }
  </style>
</head>
<body>
  <h1>Halo Dunia! 👋</h1>
  <p>Website ini di-host di AWS oleh calon cloud engineer!</p>
  <p>Tanggal deploy: <script>document.write(new Date().toLocaleDateString())</script></p>
</body>
</html>

Simpan dengan Ctrl+O → Enter → Ctrl+X.

Langkah 2: Instal Nginx di Server AWS

Jika belum, sambungkan ke instance-mu:

ssh -i ~/.ssh/kunci-aws-saya.pem ubuntu@54.201.123.45

Lalu instal Nginx:

sudo apt update
sudo apt install nginx -y
sudo systemctl start nginx
sudo systemctl enable nginx

Langkah 3: Unggah Website ke Server

Buka tab Terminal baru (jangan tutup sesi SSH). Lalu transfer file dengan scp:

scp -i ~/.ssh/kunci-aws-saya.pem ~/website-saya/index.html ubuntu@54.201.123.45:/home/ubuntu/

Sekarang, pindahkan file ke folder web Nginx:

# Kembali ke sesi SSH (atau buka lagi)
ssh -i ~/.ssh/kunci-aws-saya.pem ubuntu@54.201.123.45

# Ganti file default Nginx
sudo mv /home/ubuntu/index.html /var/www/html/
sudo chown www-data:www-data /var/www/html/index.html
💡 Tips Efisien:
Untuk mengunggah seluruh folder:
scp -r -i ~/.ssh/kunci.pem ~/website-saya/* ubuntu@IP:/var/www/html/
Tapi pastikan kamu punya izin menulis ke /var/www/html/ (biasanya butuh sudo).

Langkah 4: Akses Website-Mu dari Internet!

  1. Buka browser favoritmu
  2. Ketik alamat IP publik instance-mu:
    http://54.201.123.45

Jika muncul halaman dengan tulisan “Halo Dunia!”, selamat! 🎉
**Website-mu kini hidup di internet!**

Latihan Tambahan: Tambahkan Gambar

  1. Simpan gambar (misal: logo.png) di folder ~/website-saya/
  2. Unggah ke server:
    scp -i ~/.ssh/kunci.pem ~/website-saya/logo.png ubuntu@IP:/home/ubuntu/
  3. Pindahkan ke folder web:
    sudo mv /home/ubuntu/logo.png /var/www/html/
  4. Edit index.html dan tambahkan:
    <img src="logo.png" alt="Logo">
  5. Segarkan browser — gambarmu muncul!
“Aku baru saja menerbitkan website pertamaku ke seluruh dunia — tanpa hosting berbayar, tanpa domain, hanya dengan Terminal dan sedikit HTML!” 🌍✨

Keamanan & Pemeliharaan

  • ✅ Pastikan Security Group hanya membuka port 80 (HTTP) dan 22 (SSH)
  • 🔄 Perbarui sistem secara berkala: sudo apt upgrade
  • 🗑️ Jika sudah selesai latihan, jangan lupa terminate instance agar tidak kena biaya!

Penutup

Kamu telah menyelesaikan perjalanan luar biasa:

  • Dari whoami di Terminal lokal…
  • ...sampai menerbitkan website yang bisa diakses oleh siapa saja di planet ini.

Ini bukan akhir — ini awal dari segalanya.

Ingat: **Setiap startup besar, setiap aplikasi terkenal, semuanya dimulai dari satu file HTML di satu server. Dan hari ini, kamu melakukannya.** 💻🔥

Previous Post Next Post

نموذج الاتصال