TUTORIAL PEMULA ยท 10 MENIT

Deploy website statis dengan Amazon S3.

Publikasikan HTML, CSS, dan aset website tanpa server. Ikuti langkah sederhana ini untuk membuat halaman pertamamu live di AWS.

STATIC WEBSITE FLOW
</>HTML files
upload
S3Bucket
serve
โ—‰Browser
๐Ÿ”’ your-bucket.s3-website-region.amazonaws.com

PROSESNYA

Tiga langkah menuju online

Siapkan file website-mu, lalu ikuti pengaturan di console AWS.

01

Buat bucket S3

Masuk ke AWS Console โ†’ S3, klik Create bucket. Gunakan nama unik, pilih region terdekat, dan matikan opsi Block all public access jika website memang ingin diakses publik.

โœฆNama bucket sebaiknya sama dengan domain jika nanti memakai custom domain.
02

Aktifkan static website hosting

Buka bucket โ†’ Properties โ†’ Static website hosting. Pilih Enable, tipe Host a static website, lalu isi index document dengan index.html.

Static website hostingEnabled
Index documentindex.html
03

Upload file & tambahkan policy

Upload index.html, styles.css, dan aset lainnya. Setelah itu, buka tab Permissions โ†’ Bucket policy dan tempel policy read-only di bawah.

Lihat contoh policy โ†“

BUCKET POLICY

Izinkan browser membaca file.

Ganti YOUR-BUCKET-NAME dengan nama bucket-mu. Policy ini hanya memberi akses baca object.

!

Jangan masukkan credential AWS ke dalam file HTML atau JavaScript.

bucket-policy.json
{
  "Version": "2012-10-17",
  "Statement": [{
    "Sid": "PublicReadGetObject",
    "Effect": "Allow",
    "Principal": "*",
    "Action": "s3:GetObject",
    "Resource": "arn:aws:s3:::YOUR-BUCKET-NAME/*"
  }]
}

SEBELUM SELESAI

Checklist publikasi

Website sudah live?

Salin endpoint dari bagian Static website hosting dan buka di browser.

Kembali ke atas โ†‘