Tutorial Hosting Static Website di AWS S3

1. Persiapkan Website Staticnya

Setidaknya terdiri dari index.html dan 404.html, index.html berisi website yang telah dibuat, sedangkan 404.html bisa berupa file kosong saja

2. Buka Classroom, klik Goto Classroom

3. Klik AWS Console

4. Find Services S3, kemudian klik pada S3

5. Buat bucket, dengan aturan nama alphanumeric
Aturan lain dalam penamaan bisa klik tautan See rules form bucket naming, biarkan pengaturan lainnya default

Selanjutnya klik Create Bucket yang ada di bagian bawah laman.

6. Setelah bucket dibuat, klik pada nama bucket

7. Aktifkan pengaturan Static Website Hosting pada Bucket

Klik bagian Properties

Setelahnya scroll sampai bawah ke Static Website Hosting, klik Edit

8. Atur Static Website Hosting
Static Website Hosting : Enable
Hosting Type : Host a static website
Index document : index.html
Error document : 404.html
Kemudian klik tombol Save changes

9. Upload File Website

Buka tab Objects, klik tombol Upload
10. Drag n drop file dan folder dari Static Website

Selanjutnya klik tombol Upload yang ada di bagian bawah

11. Cek kelengkapan file static website

12. Atur Bucket Permission agar bisa diakses publik

klik bagian Edit

13. Uncheck Block all public acces, klik tombol Save changes
14. Edit Bucket Policy

15. Masukkan Policy berikut

{
"Version": "2012-10-17",
"Statement": [
{
"Sid": "PublicReadGetObject",
"Effect": "Allow",
"Principal": "*",
"Action": "s3:GetObject",
"Resource": "arn:aws:s3:::fahru001/*"
}
]
}

Ganti tulisan merah dengan nama Bucket ARN anda, kemudian klik tombol Save changes

16. Dapatkan link Static Website S3 anda

Scroll ke bagian Static website hosting, buka link di Bucket website endpoint
Daftarkan karya Static Website menggunakan AWS S3 di link lomba berikut :

https://bit.ly/indonesiabisa2020
(terakhir pendaftaran 04 Desember 2020 (paling lambat 23:59)

Pemenang :
3 Pemenang terbaik akan mendapatkan trophy
10 Pemenang dengan nilai tertinggi akan mendapatkan hadiah hiburan
3 Pemenang untuk kategori pembimbing aktif mendapatkan trophy