Gunakan CloudFront distribusi Amazon untuk melayani situs web statis

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

• Daftarkan nama domain, seperti example.com.

• Buat sertifikat untuk domain Anda.

• Buat dua bucket Amazon S3 dan konfigurasikan satu untuk meng-host situs web dan yang lainnya untuk mengarahkan ke subdomain.

• Buat situs web sampel dan simpan file di ember S3 Anda.

• Buat CloudFront distribusi untuk kedua bucket S3.

• Konfigurasikan Amazon Route 53 untuk merutekan lalu lintas ke CloudFront distribusi.

Setelah selesai, Anda akan dapat membuka browser, memasukkan nama domain Anda, dan melihat situs web Anda dengan aman.

Prasyarat

Sebelum memulai, pastikan Anda telah menyelesaikan langkah-langkah tersebut di Siapkan 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 pada akhir setiap tahun, tetapi Anda dapat menonaktifkan pembaruan otomatis.Untuk informasi lebih lanjut, lihat. Mendaftarkan domain baru

Langkah 2: Minta sertifikat publik

Sertifikat publik diperlukan agar CloudFront distribusi Amazon Anda dapat mengonfigurasi CloudFront agar pemirsa menggunakannya HTTPS agar koneksi dienkripsi saat CloudFront berkomunikasi dengan pemirsa.

Untuk meminta AWS Certificate Manager(ACM) sertifikat publik (konsol)

1. Masuk ke Konsol AWS Manajemen dan buka ACM konsol di https://console.aws.amazon.com/acm/rumah.

   catatan

   Pastikan Anda membuat sertifikat di Wilayah AS Timur (Virginia N.). Ini diperlukan untuk Amazon CloudFront.

   Di navigasi sebelah kiri, pilih Minta sertifikat, dan pada halaman Permintaan sertifikat pilih Minta sertifikat publik, lalu Berikutnya.

2. Di bagian Nama domain, masukkan domain Anda, sepertiexample.com.

   Pilih Tambahkan nama lain ke sertifikat ini, masukkan tanda bintang di depan nama domain untuk meminta sertifikat wildcard untuk semua subdomain, seperti. *.example.com

3. Di bagian Metode validasi, pilih DNSvalidasi.

4. Di bagian Algoritma kunci, pilih RSA2048.

5. Di bagian Tambahkan tag, Anda dapat menandai sertifikat Anda secara opsional. Tag adalah pasangan nilai kunci yang berfungsi sebagai metadata untuk mengidentifikasi dan mengatur sumber daya. AWS

   Pilih Permintaan untuk dibawa ke halaman Sertifikat.

6. Setelah sertifikat baru Anda muncul di Status Tertunda, pilih ID sertifikat, dan pada halaman detail sertifikat, pilih Buat catatan di Route 53 untuk secara otomatis menambahkan CNAME catatan untuk domain Anda, lalu pilih Buat catatan.

   Halaman status Sertifikat harus terbuka dengan spanduk status yang melaporkan DNSCatatan yang berhasil dibuat.

   Sertifikat baru Anda mungkin terus menampilkan status validasi Tertunda hingga 30 menit.

Langkah 3: Buat bucket S3 untuk meng-host subdomain Anda

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

Amazon S3 memungkinkan Anda menyimpan dan mengambil data dari mana saja di internet. Pada langkah ini Anda membuat bucket S3 untuk menyimpan semua file untuk situs web Anda.

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

2. Pilih Buat bucket.

3. Masukkan nilai berikut:

   Nama Bucket

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

   Wilayah

   Pilih Wilayah untuk ember Anda.

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

   Untuk informasi selengkapnya tentang setelan bucket S3, lihat Lihat properti bucket di panduan pengguna Amazon S3.

Langkah 4: Buat bucket S3 lain, untuk domain root Anda

Jika Anda juga ingin pengguna Anda dapat menggunakan domain root,.your-domain-name (seperti example.com) untuk mengakses situs web sampel Anda, buat bucket S3 kedua. Dalam tutorial ini, Anda kemudian akan mengkonfigurasi bucket kedua (domain root) untuk merutekan lalu lintas ke bucket pertama.

Untuk membuat bucket S3 untuk your-domain-name

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

2. Pilih Buat bucket.

3. Masukkan nilai berikut:

   Nama Bucket

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

   Wilayah

   Pilih Region yang sama dengan tempat Anda membuat bucket pertama.

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

Langkah 5: Unggah file situs web ke bucket subdomain Anda

Sekarang setelah Anda memiliki bucket S3, Anda dapat mengunggah file situs web Anda. Dalam tutorial ini Anda hanya akan meng-upload file index.html sederhana yang menampilkan teks pada halaman.

Cara mengaktifkan bucket S3 untuk hosting situs web

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

2. Dalam daftar Bucket, pilih nama yang ditautkan dari bucket yang ingin Anda unggah file situs web, sepertiwww.example.com.

3. Salin contoh teks yang membuat situs web satu halaman sederhana, 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 Cloudfront distributions for your website stored in an S3 bucket</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>

4. Di tab Objek pilih Unggah.

5. Di bawah File dan folder, pilih Tambahkan file dan unggah file situs web Anda. Untuk tutorial ini, unggah file index.html yang Anda simpan di langkah 3 prosedur ini.

Langkah 6: Siapkan bucket domain root Anda untuk pengalihan situs web

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

Cara mengonfigurasi pengalihan

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

2. Pilih Properti.

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

4. Di bawah hosting situs web statis, pilih Aktifkan.

5. Pilih Alihkan permintaan objek.

6. Di kotak Nama host, masukkan subdomain Anda, misalnya,www.example.com.

7. Untuk Protokol, pilih HTTPS.

8. Pilih Simpan perubahan.

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

   Titik Akhir adalah titik akhir situs web Amazon S3 untuk bucket Anda. Anda akan menggunakan endpoint ini untuk menyiapkan CloudFront distribusi Amazon.

Langkah 7: Buat CloudFront distribusi Amazon untuk subdomain Anda

Pada langkah ini Anda membuat CloudFront distribusi untuk subdomain Anda, seperti www.example.com, untuk memungkinkan situs web Anda digunakan HTTPS sehingga orang dapat melihatnya dengan aman.

Untuk membuat CloudFront distribusi

1. Buka CloudFront konsol dihttps://console.aws.amazon.com/cloudfront/v4/home.

2. Pilih Buat Distribusi.

3. Di bawah Origin, untuk domain Origin, pilih bucket Amazon S3 yang Anda buat sebelumnya. Formatnya akan terlihat mirip denganwww.example.com.s3.<Region>.amazonaws.com.

   Untuk akses Origin, pilih Identitas akses lama. Untuk identitas akses Origin, Anda dapat memilih dari daftar, atau memilih Buat baru OAI (keduanya akan berfungsi).

   Untuk kebijakan Bucket, pilih Ya, perbarui kebijakan bucket.

4. Untuk pengaturan di bawah Pengaturan Perilaku Cache Default, di bawah Penampil, setel kebijakan protokol Viewer HTTP ke Redirect ke HTTPS dan terima nilai default untuk sisanya.

   Untuk informasi selengkapnya tentang opsi perilaku cache, lihat Setelan perilaku cache di panduan CloudFront pengembang Amazon.

5. Di bagian Web Application Firewall (WAF) Anda dapat memilih untuk mengaktifkan atau menonaktifkan perlindungan AWS WAF keamanan.

6. Untuk bidang di bawah Pengaturan, lakukan hal berikut:

   • Pilih Tambahkan item untuk Nama domain alternatif (CNAME) - opsional, dan masukkan subdomain Anda, sepertiwww.example.com.

   • Untuk SSLSertifikat Kustom, pilih sertifikat yang Anda buat sebelumnya.

   • Di kotak teks objek root default, ketikindex.html.

   • Selebihnya, terima nilai default dan pilih Buat distribusi.

     Untuk informasi selengkapnya tentang opsi distribusi, lihat Pengaturan distribusi.

7. Setelah CloudFront membuat distribusi, nilai kolom Status untuk distribusi Anda berubah dari Sedang Berlangsung menjadi Deployed. Ini biasanya memerlukan waktu beberapa menit.

   Catat nama domain CloudFront yang ditetapkan ke distribusi Anda, yang muncul dalam daftar distribusi. Anda dapat menggunakan nama domain ini untuk menguji distribusi.

Langkah 8: Buat CloudFront distribusi Amazon untuk domain root Anda

Pada langkah ini Anda membuat CloudFront distribusi untuk domain root Anda agar menggunakannya HTTPS saat URL dialihkan ke subdomain.

Untuk membuat CloudFront distribusi

1. Buka CloudFront konsol dihttps://console.aws.amazon.com/cloudfront/v4/home.

2. Pilih Buat Distribusi.

3. Di bawah Pengaturan Asal, untuk Nama Domain Asal, masukkan titik akhir situs bucket. Anda mendapatkan ini dari bagian hosting situs web Statis dari Properties untuk bucket Amazon S3 yang Anda buat sebelumnya.

   Selebihnya, terima nilai default.

4. Di bagian Web Application Firewall (WAF) Anda dapat memilih untuk mengaktifkan atau menonaktifkan perlindungan AWS WAF keamanan.

5. Untuk bidang di bawah Kunci cache dan permintaan asal, pilih Kebijakan cache dan kebijakan permintaan asal (disarankan) dan di drop-down Kebijakan cache, pilih CachingDisabled

   Selebihnya, terima nilai default.

   Untuk informasi selengkapnya tentang opsi perilaku cache, lihat Setelan perilaku cache di panduan CloudFront pengembang Amazon.

6. Untuk bidang di bawah Pengaturan, lakukan hal berikut:

   • Pilih Tambahkan item untuk Nama domain alternatif (CNAME) - opsional, dan masukkan domain root Anda, sepertiexample.com.

   • Untuk SSLSertifikat Kustom, pilih sertifikat yang Anda buat sebelumnya.

   • Selebihnya, terima nilai default.

   Untuk informasi selengkapnya tentang opsi distribusi, lihat Pengaturan distribusi.

7. Di bagian bawah halaman, pilih Buat Distribusi.

8. Setelah CloudFront membuat distribusi, nilai kolom Status untuk distribusi Anda berubah dari Sedang Berlangsung menjadi Deployed. Ini biasanya memerlukan waktu beberapa menit.

   Catat nama domain CloudFront yang ditetapkan ke distribusi Anda, yang muncul dalam daftar distribusi. Anda dapat menggunakan nama domain ini untuk menguji distribusi,

Langkah 9: Rutekan DNS lalu lintas untuk domain Anda ke CloudFront distribusi Anda

Anda sekarang memiliki situs web satu halaman di bucket S3 Anda yang CloudFront menggunakan distribusi. Untuk memulai routing lalu lintas internet untuk domain Anda ke CloudFront distribusi, lakukan prosedur berikut.

Untuk informasi selengkapnya tentang merutekan lalu lintas ke CloudFront distribusi, lihat. Merutekan lalu lintas ke CloudFront distribusi Amazon dengan menggunakan nama domain Anda

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.

   Jika Anda berada di tampilan Quick create record, pilih Beralih ke wizard.

   catatan

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

5. Pilih Perutean sederhana, dan pilih Selanjutnya.

6. Pilih Tentukan catatan sederhana.

7. Di nama Rekam, ketik www di depan nilai default, yang merupakan nama zona yang dihosting dan domain Anda.

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

9. Di lalu lintas Nilai/Rute ke, pilih Alias untuk didistribusikan. CloudFront

10. Pilih distribusinya.

    Nama distribusi harus cocok dengan nama yang muncul di kotak Nama domain dalam daftar Distribusi, misalnya,dddjjjkkk.cloudfront.net.

11. Untuk Evaluasi kondisi target, pilih Tidak.

12. Pilih Tentukan catatan sederhana.

Untuk menambahkan rekaman alias untuk domain root Anda (example.com)

Tambahkan catatan alias untuk domain root Anda juga, sehingga mengarah ke bucket S3 yang mengarahkan lalu lintas ke. www.example.com Untuk informasi selengkapnya tentang merutekan lalu lintas ke CloudFront distribusi, lihat. Merutekan lalu lintas ke CloudFront distribusi Amazon dengan menggunakan nama domain Anda

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

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

3. Pilih Buat catatan.

   Jika Anda berada di tampilan Quick create record, pilih Beralih ke wizard.

   catatan

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

4. Pilih Perutean sederhana, dan pilih Selanjutnya.

5. Pilih Tentukan catatan sederhana.

6. Dalam nama Rekam, terima nilai default.

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

8. Di lalu lintas Nilai/Rute ke, pilih Alias untuk didistribusikan. CloudFront

9. Pilih distribusinya.

   Nama distribusi harus cocok dengan nama yang muncul di kotak Nama domain dalam daftar Distribusi, misalnya,dddjjjkkk.cloudfront.net.

10. Untuk Evaluasi kondisi target, pilih Tidak.

11. Pilih Tentukan catatan sederhana.

12. Pada halaman Konfigurasi catatan, pilih Buat catatan.

Langkah 10: Uji situs web Anda

Untuk memverifikasi bahwa situs web berfungsi dengan benar, buka browser web dan telusuri ke yang berikutURLs:

• https://www.your-domain-name, misalnya, www.example.com - Menampilkan dokumen indeks di www.your-domain-name bucket

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

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.