AWS Case : Membuat Website di Nginx EC2

Pada kesempatan kali ini kita akan coba membuat web sederhana dengan HTML dan CSS yang dideploy di Amazon EC2

Kita akan memasang web sederhana ini menggunakan web server Nginx

Nginx merupakan salah satu jenis web server yang cukup populer saat ini dan banyak digunakan

Ada banyak fitur keunggulan yang ditawarkan Nginx seperti load balancing, websocket, dukungan IPV6 dan lain-lain yang mungkin bisa anda baca di review ini

Pertama yang harus kita lakukan akan membuat instance EC2 yang sebenarnya sudah pernah saya sampaikan di artikel membuat EC2 Linux Server

Membuat Instance EC2

Pastikan anda mempunyai akses ke AWS untuk membuat instance EC2

AMI yang bisa gunakan adalah OS berbasis Linux yang dalam percobaan ini saya memilih Amazon Linux AMI

Langkah 1, Pilih Lauch Instance di EC2 AWS dan pilih Amazon Linux AMI 2018 dan tekan tombol Select

Langkah 2, Kita gunakan yang free tier saja dengan tipe t2.micro dengan spek (1 vCPUs, 2.5 GHz, Intel Xeon Family, 1 GiB memory, EBS only) kemudian tekan next

Pada langkah 3,4 dan 5 kita tekan next saja.. Kita biarkan default pengaturannya

Langkah 6, Kita atur security group nya agar instance dapat diakses dengan SSH dan HTTP

Tekan tombol Review and Lauch

Dan jangan lupa buat key pair agar instance EC2 dapat diakses secara remote

Note : Baca lebih detail panduan membuat Linux server di EC2

Instalasi Nginx

Setelah sukses membuat instance selanjutnya kita akan masuk ke environment instance secara remote.

Cara remote Linux Server dapat dibaca diartikel Remote EC2 Linux Server

User untuk remote Amazon AMI adalah ec2-user

Amazon Linux AMI adalah distro independen yang dikembangkan oleh Amazon di atas Red Hat Enterprise Linux (RHEL)

untuk install Nginx cukup gunakan perintah

sudo yum install nginx

dan untuk menjalankan Nginx gunakan perintah berikut

sudo /etc/init.d/nginx start

Testing

Gunakan Public IP dari Amazon Linux Instance untuk membuka aplikasi web statis di browser

Berikut adalah tampilan awal

Directory web berada di lokasi /usr/share/nginx/html

Selanjutnya kita akan rubah homepage default menjadi custom HTML yang lebih menarik

Kita akan download HTML template di sini

atau kita bisa download langsung dari instance EC2 dengan perintah wget di halaman ini

wget https://github.com/faqihhamami/resources/blob/main/transitive-template.zip

Selanjutnya pindah hasil download templete zip ke /usr/share/nginx/html

sudo mv transitive-template.zip /usr/share/nginx/html/

Hapus / Rename index.html default di directory /usr/share/nginx/html menjadi _index.html terlebih dahulu

sudo mv index.html _index.html

Unzip file .zip tadi

sudo unzip transitive-template.zip

Refresh browser dan voilaa.. hasilnya adalah seperti ini