Tutorial: Mengonfigurasi situs web statis untuk Amazon S3

penting

Amazon S3 sudah menerapkan enkripsi di sisi server dengan kunci terkelola Amazon S3 (SSE-S3) sebagai tingkat dasar enkripsi bagi setiap bucket di Amazon S3. Mulai 5 Januari 2023, semua unggahan objek baru ke Amazon S3 secara otomatis akan dienkripsi tanpa biaya tambahan dan tidak akan berdampak pada kinerja. Status enkripsi otomatis untuk konfigurasi enkripsi default bucket S3 dan untuk unggahan objek baru tersedia di AWS CloudTrail log, S3 Inventory, S3 Storage Lens, konsol Amazon S3, dan sebagai header respons API Amazon S3 tambahan di dan SDK. AWS Command Line Interface AWS Untuk informasi selengkapnya, lihat FAQ enkripsi default.

Anda dapat mengonfigurasi bucket Amazon S3 agar berfungsi seperti situs web. Contoh ini memandu Anda melalui langkah-langkah untuk menghosting situs web di Amazon S3.

penting

Tutorial berikut ini mengharuskan Blokir Akses Publik dinonaktifkan. Kami menyarankan agar Anda menyimpan Blokir Akses Publik diaktifkan. Jika Anda ingin mengaktifkan keempat pengaturan Blokir Akses Publik dan meng-host situs web statis, Anda dapat menggunakan Amazon CloudFront Origin Access Control (OAC). Amazon CloudFront menyediakan kemampuan yang diperlukan untuk menyiapkan situs web statis yang aman. Situs web statis Amazon S3 hanya mendukung titik akhir HTTP. Amazon CloudFront menggunakan penyimpanan Amazon S3 yang tahan lama sambil menyediakan header keamanan tambahan, seperti HTTPS. HTTPS menambahkan keamanan dengan mengenkripsi permintaan HTTP normal, dan melindungi dari serangan siber umum. Untuk informasi selengkapnya, lihat Memulai situs web statis aman di Panduan CloudFront Pengembang Amazon.

Langkah 1: Buat bucket

Petunjuk berikut ini memberikan ikhtisar tentang cara membuat bucket Anda untuk menghosting situs web. Untuk detail, step-by-step instruksi tentang membuat ember, lihatMembuat bucket.

Untuk membuat bucket

1. Masuk ke AWS Management Console dan buka konsol Amazon S3 di https://console.aws.amazon.com/s3/.

2. Pilih Buat bucket.

3. Masukkan Nama bucket (misalnya, example.com).

4. Pilih Wilayah tempat Anda ingin membuat bucket.

   Pilih Wilayah yang secara geografis dekat dengan Anda, untuk meminimalkan latensi serta biaya, atau untuk memenuhi persyaratan peraturan. Wilayah yang Anda pilih menentukan titik akhir situs web Amazon S3 Anda. Untuk informasi selengkapnya, lihat Titik akhir situs web.

5. Untuk menerima pengaturan default dan membuat bucket, pilih Buat.

Langkah 2: Mengaktifkan hosting situs web statis

Setelah membuat bucket, Anda dapat mengaktifkan hosting situs web statis untuk bucket Anda. Anda dapat membuat bucket baru, atau menggunakan bucket yang sudah ada.

Untuk mengaktifkan hosting situs web statis

1. Masuk ke AWS Management Console dan buka konsol Amazon S3 di https://console.aws.amazon.com/s3/.

2. Di daftar Bucket, pilih nama bucket yang ingin Anda aktifkan hosting situs web statisnya.

3. Pilih Properti.

4. Di bagian bawah Hosting situs web statis, pilih Edit.

5. Pilih Gunakan bucket ini untuk menghosting situs web.

6. Di bagian bawah Hosting situs web statis, pilih Aktifkan.

7. Di Dokumen indeks, masukkan nama file dokumen indeks, biasanya index.html.

   Nama dokumen indeks peka huruf besar/kecil, dan harus sama persis dengan nama file dokumen indeks HTML yang ingin Anda unggah ke bucket S3 Anda. Saat Anda mengonfigurasi bucket untuk hosting situs web, Anda harus menentukan dokumen indeks. Amazon S3 mengembalikan dokumen indeks ini ketika permintaan dibuat ke domain root atau subfolder mana pun. Untuk informasi selengkapnya, lihat Mengonfigurasi dokumen indeks.

8. Agar dapat menyediakan dokumen kesalahan kustom Anda sendiri untuk kesalahan kelas 4XX, di Dokumen kesalahan, masukkan nama file dokumen kesalahan kustom.

   Nama dokumen kesalahan peka huruf besar/kecil, dan harus sama persis dengan nama file dokumen indeks HTML yang ingin Anda unggah ke bucket S3 Anda. Jika Anda tidak menentukan dokumen kesalahan khusus dan terjadi kesalahan, Amazon S3 mengembalikan dokumen kesalahan HTML default. Untuk informasi selengkapnya, lihat Mengonfigurasi dokumen kesalahan khusus.

9. (Opsional) Jika Anda ingin menentukan aturan pengalihan lanjutan, dalam Aturan pengalihan, masukkan JSON untuk menjelaskan aturannya.

   Misalnya, Anda dapat merutekan permintaan secara kondisional dengan nama kunci atau prefiks objek tertentu dalam permintaan tersebut. Untuk informasi selengkapnya, lihat Konfigurasikan aturan pengalihan untuk menggunakan pengalihan bersyarat lanjutan.

10. Pilih Simpan perubahan.

    Amazon S3 memungkinkan hosting situs web statis untuk bucket Anda. Di bagian bawah halaman, di bawah Hosting situs web statis, Anda melihat titik akhir situs web untuk bucket Anda.

11. Di bagian bawah Hosting situs web statis, perhatikan Titik Akhir.

    Titik Akhir adalah titik akhir situs web Amazon S3 untuk bucket Anda. Setelah Anda menyelesaikan konfigurasi bucket Anda sebagai situs web statis, Anda dapat menggunakan titik akhir ini untuk menguji situs web Anda.

Langkah 3: Mengedit pengaturan Blokir Akses Publik

Secara default, Amazon S3 memblokir akses publik ke akun dan bucket Anda. Jika Anda ingin menggunakan bucket untuk menghosting situs web statis, Anda dapat menggunakan langkah-langkah ini untuk mengedit pengaturan blokir akses publik Anda.

Awas

Sebelum Anda menyelesaikan langkah ini, tinjau Melakukan blok akses publik ke penyimpanan Amazon S3 Anda untuk memastikan bahwa Anda telah memahami dan menerima risiko yang terkait dengan mengizinkan akses publik. Saat Anda mematikan pengaturan blokir akses publik untuk membuat bucket Anda menjadi publik, siapa pun di internet dapat mengakses bucket Anda. Kami sarankan agar Anda memblokir semua akses publik ke bucket Anda.

1. Buka konsol Amazon S3 di https://console.aws.amazon.com/s3/.

2. Pilih nama bucket yang telah Anda konfigurasikan sebagai situs web statis.

3. Pilih Izin.

4. Di bagian bawah Blokir akses publik (pengaturan bucket), pilih Edit.

5. Kosongkan Blokir semua akses publik, lalu pilih Simpan perubahan.

   Awas

   Sebelum Anda menyelesaikan langkah ini, tinjau Melakukan blok akses publik ke penyimpanan Amazon S3 Anda untuk memastikan bahwa Anda telah memahami dan menerima risiko yang terkait dengan mengizinkan akses publik. Saat Anda mematikan pengaturan blokir akses publik untuk membuat bucket Anda menjadi publik, siapa pun di internet dapat mengakses bucket Anda. Kami sarankan agar Anda memblokir semua akses publik ke bucket Anda.

   

   Amazon S3 menonaktifkan pengaturan Blokir Akses Publik untuk bucket Anda. Untuk membuat situs web publik statis, Anda mungkin harus mengedit pengaturan Blokir Akses Publik untuk akun Anda sebelum menambahkan kebijakan bucket. Jika pengaturan akun untuk Blokir Akses Publik saat ini diaktifkan, Anda akan melihat catatan di Blokir akses publik (pengaturan bucket).

Langkah 4: Menambahkan kebijakan bucket yang membuat konten bucket Anda tersedia untuk umum

Setelah Anda mengedit pengaturan Blokir Akses Publik S3, Anda dapat menambahkan kebijakan bucket untuk memberikan akses baca publik ke bucket Anda. Saat Anda memberikan akses baca publik, siapa pun di internet dapat mengakses bucket Anda.

penting

Kebijakan berikut ini hanya merupakan contoh, dan memungkinkan akses penuh ke konten bucket Anda. Sebelum melanjutkan langkah ini, tinjau Bagaimana saya dapat mengamankan file dalam bucket Amazon S3 saya? untuk memastikan bahwa Anda telah memahami praktik terbaik untuk mengamankan file dalam bucket S3, dan risiko yang terlibat dalam pemberian akses publik.

1. Di bagian bawah Bucket, pilih nama bucket Anda.

2. Pilih Izin.

3. Di Bawah Kebijakan bucket, pilih Edit.

4. Untuk memberikan akses baca bagi publik untuk situs web Anda, salin kebijakan kelompok berikut, dan tempelkan di Editor kebijakan bucket.

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

5. Perbarui Resource dengan nama bucket Anda.

   Dalam contoh kebijakan bucket sebelumnya, Nama-Bucket adalah placeholder untuk nama bucket tersebut. Untuk menggunakan kebijakan bucket ini dengan bucket Anda sendiri, Anda harus memperbarui nama ini agar sesuai dengan nama bucket Anda.

6. Pilih Simpan perubahan.

   Pesan akan muncul, yang menunjukkan bahwa kebijakan bucket telah berhasil ditambahkan.

   Jika Anda melihat kesalahan yang mengatakan Policy has invalid resource, konfirmasikan bahwa nama bucket dalam kebijakan bucket tersebut sesuai dengan nama bucket Anda. Untuk informasi tentang menambahkan kebijakan bucket, lihat Bagaimana cara menambahkan kebijakan S3 bucket?

   Jika Anda mendapatkan pesan kesalahan dan tidak dapat menyimpan kebijakan bucket, periksa pengaturan akun dan bucket Blokir Akses Publik untuk mengonfirmasi bahwa Anda mengizinkan akses publik ke bucket.

Langkah 5: Mengonfigurasi dokumen indeks

Saat mengaktifkan hosting situs web statis untuk bucket Anda, Anda memasukkan nama dokumen indeks (misalnya, index.html). Setelah Anda mengaktifkan hosting situs web statis untuk bucket, Anda mengunggah file HTML dengan nama dokumen indeks ke bucket Anda.

Untuk mengonfigurasi dokumen indeks

1. Buat file index.html.

   Jika Anda tidak memiliki file index.html, Anda dapat menggunakan HTML berikut ini untuk membuatnya:

   <html xmlns="http://www.w3.org/1999/xhtml" >
   <head>
       <title>My Website Home Page</title>
   </head>
   <body>
     <h1>Welcome to my website</h1>
     <p>Now hosted on Amazon S3!</p>
   </body>
   </html>

2. Simpan file indeks secara lokal.

   Nama file dokumen indeks harus sama persis dengan nama dokumen indeks yang Anda masukkan ke dalam kotak dialog Hosting situs web statis. Nama dokumen indeks peka huruf besar/kecil. Misalnya, jika Anda memasukkan index.html untuk Dokumen indeks dalam kotak dialog Hosting situs web statis, nama file dokumen indeks Anda juga harus dan bukan Index.html.

3. Masuk ke AWS Management Console dan buka konsol Amazon S3 di https://console.aws.amazon.com/s3/.

4. Di daftar Bucket, pilih nama bucket yang ingin Anda gunakan untuk meng-host situs web statis.

5. Aktifkan hosting situs web statis untuk bucket Anda, lalu masukkan nama persis dokumen indeks Anda (misalnya, index.html). Untuk informasi selengkapnya, lihat Mengaktifkan hosting situs web.

   Setelah mengaktifkan hosting situs web statis, lanjutkan ke langkah 6.

6. Untuk mengunggah dokumen indeks ke bucket Anda, lakukan salah satu hal berikut ini:

   • Seret dan jatuhkan file indeks ke dalam daftar bucket konsol.

   • Pilih Unggah, dan ikuti petunjuk untuk memilih dan mengunggah file indeks.

   Untuk step-by-step instruksi, lihatMengunggah Objek.

7. (Opsional) Mengunggah konten situs web lain ke bucket Anda.

Langkah 6: Mengonfigurasi dokumen kesalahan

Saat mengaktifkan hosting situs web statis untuk bucket Anda, Anda memasukkan nama dokumen kesalahan (misalnya, 404.html). Setelah Anda mengaktifkan hosting situs web statis untuk bucket, Anda mengunggah file HTML dengan nama dokumen indeks ke bucket Anda.

Untuk mengonfigurasi dokumen kesalahan

1. Membuat dokumen kesalahan, misalnya 404.html.

2. Simpan file dokumen kesalahan secara lokal.

   Nama dokumen kesalahan peka huruf besar/kecil, dan harus sama persis dengan nama yang Anda masukkan saat Anda mengaktifkan hosting situs web statis. Misalnya, jika Anda memasukkan 404.html sebagai nama Dokumen kesalahan di kotak dialog Hosting situs web statis, nama file dokumen kesalahan Anda juga harus bernama 404.html.

3. Masuk ke AWS Management Console dan buka konsol Amazon S3 di https://console.aws.amazon.com/s3/.

4. Di daftar Bucket, pilih nama bucket yang ingin Anda gunakan untuk meng-host situs web statis.

5. Aktifkan hosting situs web statis untuk bucket Anda, lalu masukkan nama persis dokumen indeks Anda (misalnya, 404.html). Untuk informasi selengkapnya, lihat Mengaktifkan hosting situs web dan Mengonfigurasi dokumen kesalahan khusus.

   Setelah mengaktifkan hosting situs web statis, lanjutkan ke langkah 6.

6. Untuk mengunggah dokumen kesalahan ke bucket Anda, lakukan salah satu hal berikut ini:

   • Seret dan jatuhkan file dokumen kesalahan ke dalam daftar bucket konsol.

   • Pilih Unggah, dan ikuti petunjuk untuk memilih dan mengunggah file indeks.

   Untuk step-by-step instruksi, lihatMengunggah Objek.

Langkah 7: Menguji titik akhir situs web Anda

Setelah Anda mengonfigurasi hosting situs web statis untuk bucket, Anda dapat menguji titik akhir situs web Anda.

catatan

Amazon S3 tidak mendukung akses HTTPS ke situs web. Jika Anda ingin menggunakan HTTPS, Anda dapat menggunakan Amazon CloudFront untuk melayani situs web statis yang dihosting di Amazon S3.

Untuk informasi selengkapnya, lihat Bagaimana CloudFront cara menggunakan situs web statis yang dihosting di Amazon S3? dan Memerlukan HTTPS untuk komunikasi antara pemirsa dan CloudFront.

1. Di bagian bawah Bucket, pilih nama bucket Anda.

2. Pilih Properti.

3. Di bagian bawah halaman, di bawah Hosting situs web statis, pilih Titik akhir situs web bucket.

   Dokumen indeks Anda terbuka di jendela browser terpisah.

Anda sekarang memiliki situs web yang di-host di Amazon S3. Situs web ini tersedia di titik akhir situs web Amazon S3. Namun, Anda mungkin memiliki domain, seperti example.com, yang ingin Anda gunakan untuk menyajikan konten dari situs web yang Anda buat. Anda mungkin juga ingin menggunakan dukungan domain root Amazon S3 untuk melayani permintaan untuk keduanya http://www.example.com dan http://example.com. Ini memerlukan langkah-langkah tambahan. Sebagai contoh, lihat Tutorial: Mengonfigurasi situs web statis menggunakan domain kustom yang terdaftar di Route 53.

Langkah 8: Membersihkan

Jika Anda membuat situs web statis hanya sebagai latihan pembelajaran, hapus sumber daya AWS yang Anda alokasikan, sehingga Anda tidak lagi dikenakan biaya. Setelah Anda menghapus AWS sumber daya Anda, situs web Anda tidak lagi tersedia. Untuk informasi selengkapnya, lihat Menghapus bucket.