Gunakan domain Anda untuk situs web statis di bucket Amazon S3

Tutorial memulai ini menunjukkan kepada Anda bagaimana melakukan tugas-tugas berikut:

• Mendaftarkan nama domain, seperti example.com

• Membuat bucket Amazon S3 dan mengonfigurasinya untuk meng-host situs web

• Membuat situs web sampel dan menyimpan file dalam bucket S3

• Konfigurasikan Amazon Route 53 untuk merutekan lalu lintas ke situs web baru Anda

Setelah selesai, Anda akan dapat membuka peramban, memasukkan nama domain, dan melihat situs web Anda.

catatan

Anda juga dapat mentransfer domain yang ada ke Route 53, tetapi prosesnya lebih kompleks dan memakan waktu daripada mendaftarkan domain baru. Untuk informasi selengkapnya, lihat Mentransfer pendaftaran untuk domain ke Amazon Route 53.

Prasyarat

Sebelum memulai, pastikan Anda telah menyelesaikan langkah-langkah tersebut di Menyiapkan Amazon Route 53.

Langkah 1: Mendaftarkan domain

Untuk menggunakan nama domain (seperti example.com), Anda harus menemukan nama domain yang belum digunakan dan mendaftarkannya. Ketika mendaftarkan nama domain, Anda memesannya untuk penggunaan eksklusif Anda di mana saja di internet, biasanya selama satu tahun. Secara default, kami secara otomatis memperbarui nama domain Anda setiap akhir tahun, tetapi Anda dapat menonaktifkan perpanjangan otomatis. Untuk informasi selengkapnya, lihat Mendaftarkan domain baru.

Langkah 2: Membuat bucket S3 untuk domain root Anda

Amazon S3 memungkinkan Anda menyimpan dan mengambil data dari mana saja di internet. Untuk mengatur data, Anda membuat bucket dan mengunggah data ke bucket menggunakan AWS Management Console. Anda dapat menggunakan Amazon S3 untuk meng-host situs web statis dalam ember. Selesaikan prosedur berikut cara membuat bucket.

Cara membuat bucket S3 untuk domain root Anda

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

2. Pilih Buat bucket.

3. Masukkan nilai berikut:

   Nama Bucket

   Masukkan nama domain Anda, seperti example.com.

   Wilayah

   Pilih Wilayah yang paling dekat dengan sebagian besar pengguna Anda.

   Catat Wilayah yang Anda pilih; Anda akan memerlukan informasi ini nanti dalam proses.

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

Langkah 3 (opsional): Membuat Bucket S3 lain, untuk subdomain Anda

Dalam prosedur sebelumnya, Anda membuat bucket untuk nama domain, seperti example.com. Hal ini memungkinkan pengguna mengakses situs web Anda menggunakan nama domain Anda, seperti example.com.

Jika Anda juga ingin pengguna Anda dapat menggunakan www. nama-domain-Anda, seperti www.example.com, untuk mengakses situs web sampel Anda, buat bucket S3 kedua. Konfigurasikan bucket kedua untuk merutekan lalu lintas ke bucket pertama.

Cara membuat bucket S3 untuk www.your-domain-name

1. Pilih Buat bucket.

2. Masukkan nilai berikut:

   Nama Bucket

   Masukkan www.your-domain-name. Misalnya, jika Anda mendaftarkan nama domain example.com, masukkan www.example.com.

   Wilayah

   Pilih Region yang sama dengan tempat Anda membuat bucket pertama.

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

Langkah 4: Menyiapkan bucket domain root untuk hosting situs web

Sekarang setelah Anda memiliki bucket S3, Anda dapat mengonfigurasinya untuk hosting situs web.

Untuk mengizinkan hosting situs web di bucket S3 Anda

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

2. Dalam daftar Bucket, pilih nama bucket yang ingin Anda aktifkan untuk hosting situs web statis.

3. Pilih Properti.

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

5. Pilih Gunakan bucket ini untuk meng-host 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.

8. (Opsional) Untuk memberikan dokumen kesalahan kustom Anda sendiri bagi kesalahan kelas 4XX, pada Dokumen kesalahan, masukkan nama file dokumen kesalahan kustom.

   Jika Anda tidak menentukan dokumen kesalahan khusus dan terjadi kesalahan, Amazon S3 mengembalikan dokumen kesalahan HTML default.

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

   Untuk informasi selengkapnya, lihat Mengonfigurasi pengalihan bersyarat lanjutan di Panduan Pengguna Layanan Penyimpanan Sederhana Amazon.

10. Pilih Simpan perubahan.

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

    Titik Akhir adalah titik akhir situs web Amazon S3 untuk bucket Anda. Setelah selesai mengonfigurasi bucket sebagai situs web statis, Anda dapat menggunakan titik akhir ini untuk menguji situs web, seperti yang ditampilkan pada Langkah 9: Menguji titik akhir domain.

    Setelah Anda menggunakan langkah-langkah berikut untuk mengedit pengaturan untuk akses publik dan menambahkan kebijakan bucket yang memungkinkan akses baca publik, Anda dapat menggunakan titik akhir situs web untuk mengakses situs web Anda.

Langkah 5: (opsional): Menyiapkan bucket subdomain untuk pengalihan situs web

Setelah mengonfigurasi bucket domain root untuk hosting situs web, Anda dapat mengonfigurasi bucket subdomain secara opsional untuk mengarahkan semua permintaan ke domain root. Misalnya, Anda dapat mengonfigurasi semua permintaan untuk www.example.com agar dialihkan ke example.com.

Cara mengonfigurasi pengalihan

1. Di konsol Amazon S3, pada daftar Bucket, pilih nama bucket subdomain Anda (misalnya, www.example.com).

2. Pilih Properti.

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

4. Pilih Alihkan permintaan objek.

5. Di Bucket target, masukkan domain root Anda, misalnya, example.com.

6. Untuk Protokol, pilih http.

7. Pilih Simpan perubahan.

Langkah 6: Unggah indeks untuk membuat konten situs web

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

Untuk mengunggah file indeks

1. Salin contoh teks berikut yang dapat Anda gunakan sebagai situs web satu halaman sederhana untuk tutorial ini, tempelkan ke editor teks, dan simpan sebagai index.html:

   <html>
   <head>
   <title>Amazon Route 53 Getting Started</title>	
   </head>
   
   <body>
   
   <h1>Routing Internet Traffic to an Amazon S3 Bucket for Your Website</h1>
   
   <p>For more information, see 
   <a href="https://docs.aws.amazon.com/Route53/latest/DeveloperGuide/getting-started.html">Getting Started with Amazon Route 53</a> 
   in the <emphasis>Amazon Route 53 Developer Guide</emphasis>.</p>
   
   </body>
   
   </html>

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

3. Di konsol Amazon S3, pilih nama bucket yang Anda buat dalam prosedur Untuk mengizinkan hosting situs web di bucket S3 Anda (klik nama bucket yang ditautkan).

4. Pilih Unggah, Tambahkan File, pilih index.html dari tempat Anda menyimpannya, lalu Unggah.

5. Jika Anda membuat dan kesalahan dokumen, misalnya404.html, ikuti langkah 3 hingga 5 untuk mengunggahnya.

Langkah 7: Mengedit pengaturan Blokir Akses Publik S3

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

Awas

Sebelum Anda menyelesaikan langkah ini, tinjau Memblokir akses publik ke penyimpanan Amazon S3 untuk memastikan bahwa Anda memahami dan menerima risiko yang terkait dengan pemberian 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.

Cara merutekan lalu lintas ke situs web

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. Bersihkan Blokir semua akses publik, dan pilih Simpan perubahan.

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 8: Melampirkan kebijakan bucket

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

Awas

Sebelum Anda menyelesaikan langkah ini, tinjau Memblokir akses publik ke penyimpanan Amazon S3 untuk memastikan bahwa Anda memahami dan menerima risiko yang terkait dengan pemberian 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.

Cara merutekan lalu lintas ke situs web

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

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

3. Pilih Izin.

4. Di Bawah Kebijakan bucket, pilih Edit.

5. Salin kebijakan bucket berikut dan tempel ke editor teks. Kebijakan ini memberikan izin kepada semua orang di internet ("Principal":"*") untuk mendapatkan file ("Action":["s3:GetObject"]) di bucket S3 yang terkait dengan nama domain ("arn:aws:s3:::your-domain-name/*") Anda.

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

6. Perbarui nilai untuk Resource ke nama-domain-Anda, misalnya. example.com

7. Pilih Simpan perubahan.

Langkah 9: Menguji titik akhir domain

Setelah Anda mengonfigurasikan bucket domain untuk meng-host situs web publik, Anda dapat menguji titik akhir. Anda dapat menguji endpoint hanya untuk bucket domain Anda karena bucket subdomain Anda disiapkan untuk pengalihan situs web dan bukan hosting situs web statis.

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 Memerlukan HTTPS untuk Komunikasi Antar 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.

Langkah 10: Merutekan lalu lintas DNS untuk domain ke bucket situs web

Kini Anda memiliki situs web satu halaman dalam bucket S3. Untuk memulai perutean lalu lintas internet untuk domain ke bucket S3, lakukan prosedur berikut.

Cara merutekan lalu lintas ke situs web

1. Buka konsol Route 53 di https://console.aws.amazon.com/route53/.

2. Pada panel navigasi, pilih Zona yang di-hosting.

   catatan

   Ketika Anda mendaftarkan domain, Amazon Route 53 secara otomatis membuat zona yang di-hosting dengan nama yang sama. Zona yang dihosting berisi informasi tentang bagaimana Anda ingin Route 53 merutekan lalu lintas untuk domain.

3. Dalam daftar zona yang di-hosting, pilih nama domain Anda.

4. Pilih Buat catatan.

   catatan

   Setiap catatan berisi informasi tentang bagaimana Anda ingin merutekan lalu lintas untuk satu domain (seperti example.com) atau satu subdomain (seperti www.example.com atau test.example.com). Rekaman disimpan dalam zona yang di-hosting untuk domain Anda.

5. Pilih Beralih ke wizard.

6. Pilih Perutean sederhana, dan pilih Selanjutnya.

7. Pilih Tentukan catatan sederhana.

8. Di Nama catatan, terima nilai defaultnya, yang merupakan nama zona yang di-hosting dan domain Anda.

9. Dalam jenis Rekam, pilih A - Rute lalu lintas ke alamat IPv4 dan beberapa AWS sumber daya.

10. Di Nilai/Rutekan lalu lintas ke, pilih Alias ke titik akhir situs web S3.

11. Pilih Wilayah.

12. Pilih bucket S3.

    Nama bucket harus sesuai dengan nama yang muncul di kotak Nama. Di daftar Pilih bucket S3, nama bucket muncul dengan titik akhir situs web Amazon S3 untuk Wilayah tempat bucket dibuat, misalnya, s3-website-us-west-1.amazonaws.com (example.com).

    Pilih bucket S3 daftar bucket jika salah satu dari berikut ini benar:

    • Anda telah mengonfigurasi bucket sebagai situs web statis.

    • Nama bucket sama dengan nama arsip yang Anda buat.

    • AWS Akun saat ini membuat ember.

    Jika bucket Anda tidak muncul di daftar Pilih bucket S3, masukkan titik akhir situs web Amazon S3 untuk Wilayah tempat bucket dibuat, misalnya, s3-website-us-west-2.amazonaws.com. Untuk daftar lengkap titik akhir situs web Amazon S3, lihat Titik akhir Situs Web Amazon S3. Untuk informasi selengkapnya tentang target alias, lihat bagian "nilai/rutekan lalu lintas ke" dalam Nilai khusus untuk catatan alias sederhana.

13. Untuk Evaluasi kondisi target, pilih Tidak.

14. Pilih Tentukan catatan sederhana.

(Opsional) Cara menambahkan catatan alias untuk subdomain Anda (www.example.com)

Jika Anda membuat bucket untuk subdomain, tambahkan catatan alias untuk domain itu juga.

1. Di bawah Konfigurasi catatan, pilih Tentukan catatan sederhana.

2. Di Nama catatan untuk subdomain Anda, ketik www.

3. Dalam jenis Rekam, pilih A - Rute lalu lintas ke alamat IPv4 dan beberapa AWS sumber daya.

4. Di Nilai/Rutekan lalu lintas ke, pilih Alias ke titik akhir situs web S3.

5. Pilih Wilayah.

6. Pilih bucket S3, misalnya, s3-website-us-west-2.amazonaws.com (example.com).

   Jika bucket Anda tidak muncul di daftar Pilih bucket S3, masukkan titik akhir situs web Amazon S3 untuk Wilayah tempat bucket dibuat, misalnya, s3-website-us-west-2.amazonaws.com.

7. Untuk Evaluasi kondisi target, pilih Tidak.

8. Pilih Tentukan catatan sederhana.

9. Pada halaman Konfigurasi catatan, pilih Buat catatan.

Langkah 11: Uji situs web Anda

Untuk memverifikasi bahwa situs web bekerja dengan benar, buka peramban web dan telusuri URL berikut:

• http://your-domain-name, misalnya, example.com – Menampilkan dokumen indeks dalam bucket your-domain-name

• http://www.your-domain-name, misalnya, www.example.com – Mengalihkan permintaan Anda ke bucket your-domain-name

di beberapa kasus, Anda mungkin perlu membersihkan cache untuk melihat perilaku yang diharapkan.

Untuk informasi lanjutan tentang perutean lalu lintas internet, lihat Mengonfigurasi Amazon Route 53 sebagai layanan DNS Anda. Untuk informasi tentang merutekan lalu lintas internet Anda ke AWS sumber daya, lihatMerutekan lalu lintas internet ke sumber daya Anda AWS.

Langkah 12 (opsional): Gunakan Amazon CloudFront untuk mempercepat distribusi konten Anda

CloudFront adalah layanan web yang mempercepat distribusi konten web statis dan dinamis Anda, seperti.html, .css, .js, dan file gambar, kepada pengguna Anda. CloudFront mengirimkan konten Anda melalui jaringan pusat data di seluruh dunia yang disebut lokasi tepi. Saat pengguna meminta konten yang Anda sajikan CloudFront, pengguna akan diarahkan ke lokasi tepi yang memberikan latensi terendah (penundaan waktu), sehingga konten dikirimkan dengan performa terbaik.

• Jika konten sudah berada di lokasi tepi dengan latensi terendah, segera CloudFront kirimkan.

• Jika konten tidak berada di lokasi tepi itu, CloudFront ambil dari bucket Amazon S3 atau server HTTP (misalnya, server web) yang telah Anda identifikasi sebagai sumber untuk versi definitif konten Anda.

Untuk informasi tentang penggunaan CloudFront untuk mendistribusikan konten di bucket Amazon S3, lihat Menambahkan CloudFront saat Anda mendistribusikan konten dari Amazon S3 di Panduan Pengembang Amazon. CloudFront