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!
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
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!
- Buka browser favoritmu
- 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
- Simpan gambar (misal:
logo.png) di folder~/website-saya/ - Unggah ke server:
scp -i ~/.ssh/kunci.pem ~/website-saya/logo.png ubuntu@IP:/home/ubuntu/ - Pindahkan ke folder web:
sudo mv /home/ubuntu/logo.png /var/www/html/ - Edit
index.htmldan tambahkan:
<img src="logo.png" alt="Logo"> - 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
whoamidi 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.** 💻🔥