Meng-host static website di AWS menggunakan Amazon S3 sebagai storage, CloudFront sebagai CDN, Route 53 sebagai DNS, dan AWS Certificate Manager (ACM) untuk SSL/TLS
Membuat Bucket
Masukkan nama bucket”3tierapp.web.id” sesuaikan dengan nama domain yang digunakan
Pastikan Block all public access dalam keadaan unchecked jika ingin mengaktifkan akses publik
Upload File Website
Klik bucket yang tadi kita buat, kita akan mengupload file css ataupun html. Disini saya telah membuat file html sederhana sebagai contoh, pilih menu upload, jika berhasil file tersebut akan tampil seperti gambar di atas
Setelah itu ke tab properti, pada static website hosting pilih enable dan index document sesuaikan dengan nama file html yang telah di upload sebelumnya lalu klik save
Berikutnya ke menu bucket policy disini kita akan membuat
Kembali file index.html yang telah di upload sebelumnya lalu klik open untuk membuka static website yang telah kita buat
Website sudah bisa di akses “online”. Namun perlu di perhatikan domain yang digunakan masih menggunkan domain endpoint s3, kita perlu pointing domain yang kita gunakan ke arah endpoint s3 dengan menggunakan amazon route 53, karena disini kita menggunaka distribusi cloudfront untuk menampilkan website kita jadi kita mengarahkannya ke domain name amazon cloudfront. jadi yang pertama kita lakukan. membuat konfigurasi cloudfront dan sertifikat, sebelum pointing domain.
Request Certificate
Sebelum membuat distribusi amazon cloudfront terlebih dahulu kita wajib request certificate ssl yang akan kita gunakan pada website kita. Disini AWS menyediakan certificate secara free. Ke menu AWS certifcate manager klik request lalu next
Masukkan FQDN dari domain yang di gunakan dengan format *.3tierapp.web.id “ganti 3tierapp.web.id dengan domain yang anda gunakan”
Pada step ini terlihat status pada domain adalah pending validation. disini kita memerlukan verifikasi pada domain digunakan, karena disini dns manager yang digunakan adalah amazon route 53, kita tinggal mengklik cretae records in Route 53
Route53 secara otomatis menambahkan record CNAME untuk memverifikasi domain yang digunakan
Jika status certificate sudah issued maka certificate sudah berhasil terverifikasi pada domain yang digunakan
Membuat Cloudfront
Sebelum kita lanjut pada step ini saya anggap kalian pembaca tutorial ini sudah memahami apa itu amazon cloudfront dan kegunaanya. kalau belum silahkan mengunjungi link berikut, kalau sudah mari kita lanjut.
ke menu cloudfront pada akun aws dan pilih create distribution
Pada step ini kita akan menentukan beberapa paramater yang akan kita gunakan untuk mendistribusikan website kita melalui layanan amaszon cloudfront, pada kolom origin domain pilih endpoint S3
Pada menu custom SSL certificate pilih certificate yang telah dibuat sebelumnya, lalu klik create distribution. sampai disini kita telah berhasil mendistribusikan weboste kita melalui layanan amazon cloudfront. selanjutnya kita akan mengarahakan/pointing website tersebut agar bisa di akses langsung melalui domain yang kita gunakan
Menambahkan A Record (Route 53)
Ke menu route 53 pada akun AWS pilih domain yang digunakan lalu tambahkan record seperti gambar di atas;
1. Record name : biarkan kosong pada kolom subdomain karena kita akan mengarahkan ke root domain
2. Record type : PIlih A record
3. Route to traffic : Pilih Alis to Cloudfront distribution, karena kita akan mengarahkan root domian kita ke cloudfront distribusi yang telah kita buat sebelumnya
4. Alias to Cloudfront distribution : pilih atau copy – paste distributiin domain name yang terdapat pada cloudfront yang telah di buat sebelumnya. klik create record
Pengujian
terlihat disini kita sudah bisa mengakses menggunakan domain yang kita gunakan, contoh; 3tierapp.web.id adalah domain yang saya gunakan pada tutorial ini
Pada informasi certificate website tersebut juga sudah menggunakan certificate SSL dari amazon certificate manager