Dengan Amazon CloudFront

Dalam tutorial ini, Anda akan mempelajari cara mengirimkan konten dan mengurangi latensi pengguna akhir dari aplikasi web Anda menggunakan Amazon CloudFront. CloudFront mempercepat pengiriman konten dengan memanfaatkan jaringan pusat data globalnya, yang dikenal sebagai lokasi edge, untuk mengurangi waktu pengiriman dengan menyimpan konten Anda di dekat pengguna akhir Anda. CloudFront mengambil konten Anda dari asal, seperti bucket Amazon S3, instans Amazon EC2, penyeimbang muatan Amazon Elastic Load Balancing atau server web Anda sendiri, ketika belum ada di lokasi edge. CloudFront dapat digunakan untuk mengirimkan seluruh situs web atau aplikasi Anda, termasuk konten dinamis, statis, streaming, dan interaktif.

Di langkah-langkah berikut, Anda akan mengonfigurasi bucket Amazon S3 sebagai asal dan menguji distribusi menggunakan browser web untuk memastikan bahwa konten Anda dikirimkan.

Semua yang dilakukan dalam tutorial ini memenuhi syarat untuk Tingkat Gratis.

Mengirimkan Konten Lebih Cepat Memerlukan Akun

Masuk ke Konsol

AWS Tingkat Gratis mencakup 50 GB Transfer Data Keluar dan Permintaan 2.000.000 HTTP atau HTTPS per bulan selama satu tahun.  

Lihat Detail Tingkat Gratis AWS »


Di langkah ini, kita akan mengunggah konten statis sampel ke bucket Amazon S3. Di langkah selanjutnya, kita akan menggunakan bucket sebagai asal CloudFront. Amazon S3 adalah pilihan yang bagus untuk asal Amazon CloudFront yang mencakup konten statis seperti gambar, video, halaman HTML, file .css, dan file .js.


a. Contoh gambar yang akan kita gunakan dalam tutorial ini adalah gambar PNG yang disebut cloudfront-test-image.png.  Klik tombol di sebelah kanan untuk mengunduh contoh gambar dan pastikan disimpan sebagai cloudfront-test-image.png.


b. Saat Anda mengklik di sini, AWS management console akan terbuka di jendela browser baru. Ketik S3 di kotak pencarian, dan klik dua kali untuk membuka dasbor.

(klik untuk zoom)


c. Setelah Anda berada di dasbor S3, klik tombol Buat Bucket.

  • Nama Bucket: Masukkan nama untuk bucket anda - nama harus unik dan huruf kecil semua. Untuk restriksi pada nama bucket S3, lihat Restriksi dan Pembatasan Bucket
  • Wilayah: Anda memiliki opsi untuk memilih wilayah yang dekat dengan Anda untuk mengoptimalkan latensi, meminimalkan biaya, atau untuk memenuhi persyaratan regulasi.  

Pilih Berikutnya.

Pada panel Atur properti, Anda memiliki banyak opsi berguna untuk bucket S3 termasuk Versioning, Pembuatan Log Akses Server, Tag, Pembuatan Log Tingkat Objek, dan Enkripsi Default. Kita tidak akan mengaktifkan semua fitur tersebut untuk tutorial ini.

Pilih Berikutnya.

Di panel Atur izin, Anda dapat mengatur izin kontrol akses untuk bucket kita. Kita tidak akan mengaktifkan fitur-fitur ini untuk tutorial ini.

Pilih Berikutnya.

Di panel Tinjauan, pilih Buat bucket.

(klik untuk zoom)


d. Klik dua kali di nama bucket Anda. Pilih Unggah lalu Tambahkan File dan pilih cloudfront-test-iamge.png dari komputer Anda. 

Pilih Berikutnya.

(klik untuk zoom)


e. Di tab Atur izin, Anda harus membuat gambar Anda dapat dibaca secara publik.  Menurut default, objek-objek S3 diatur ke privat.  Ubah Kelola izin publik ke "Berikan akses publik ke objek(-objek)."

Pilih Berikutnya.

Di tab Atur properti, Anda dapat mengatur kelas Penyimpanan, Enkripsi, dan Metadata. Kita tidak akan mengaktifkan semua fitur tersebut untuk tutorial ini.

Pilih Berikutnya.

Di tab Tinjauan, tinjau unggahan file Anda.

Pilih Unggah.

(klik untuk zoom)

Setelah konten Anda diunggah ke Amazon S3, Anda dapat menggunakan konsol Amazon CloudFront untuk mengirimkan konten kepada pengguna akhir di seluruh dunia.


a. Saat Anda mengklik di sini, AWS management console akan terbuka di tab browser baru.  Temukan CloudFront di Penyimpanan & Pengiriman Konten dan klik untuk membuka Amazon CloudFront Console.

(klik untuk zoom)


b.  Pilih Buat Distribusi.


 

(klik untuk zoom)

Distribusi web menentukan pengaturan konfigurasi sehingga CloudFront tahu asal mana untuk mendapatkan konten Anda saat pengguna memintanya. Anda dapat menggunakan bucket Amazon S3 (folder penyimpanan) dan server HTTP (misalnya, server web) sebagai asal.


a.  Anda pertama-tama akan memilih metode pengiriman untuk konten Anda.  Distribusi web digunakan untuk konten statis dan dinamis sementara distribusi RTMP optimal untuk streaming file media menggunakan protokol RTMP Server Adobe Flash Media.

Karena cloudfront-test-image.png adalah gambar statis, pilih Mulai di opsi Web.

(klik untuk zoom)


b.  Sekarang Anda akan mengonfigurasikan pengaturan. 

Di Nama Domain Asal, pilih nama bucket S3 tempat Anda menyimpan cloudfront-test-image.png.

Anda dapat membiarkan pengaturan konfigurasi lainnya dengan nilai default untuk tutorial ini.  Jika Anda ingin mempelajari lebih lanjut tentang setiap pengaturan konfigurasi, baca di bawah ini.

Pelajari Selengkapnya Tentang Pengaturan Konfigurasi

Pengaturan Perilaku Cache Default:

Pengaturan Distribusi:

  • Kelas Harga CloudFront memiliki tiga Kelas Harga yang ditentukan oleh jumlah Lokasi Edge yang ingin Anda dukung di seluruh dunia. Secara default, CloudFront menggunakan semua lokasi edge untuk memastikan performa terbaik. Untuk informasi selengkapnya, lihat Harga Amazon CloudFront.
  • AWS WAF Web ACL: jika Anda ingin mengizinkan atau memblokir permintaan HTTP dan HTTPS berdasarkan kriteria yang Anda tentukan, pilih ACL web untuk dikaitkan dengan distribusi ini. Untuk informasi selengkapnya, lihat Panduan Developer AWS WAF.
  • Nama Domain Alternatif: CloudFront akan secara otomatis memberi Anda nama domain saat Anda membuat distribusi web (misalnya, http://abcdefghi888.cloudfront.net/filename.jpg). Anda juga dapat menentukan nama domain Anda sendiri di URL untuk objek Anda (seperti http://yourDomain.com/filename.jpg) setelah Anda memperbarui konfigurasi DNS untuk merutekan permintaan DNS ke distribusi CloudFront Anda. Untuk tutorial ini, kosongkan bidang ini.
  • Sertifikat SSL:  CloudFront menyediakan sertifikat standar atau Anda dapat menentukan sertifikat SSL khusus. 
  • Objek Root Default: Ini tempat Anda menentukan objek yang Anda ingin CloudFront minta dari asal Anda ketika pengguna hanya meminta URL root dari distribusi Anda. Misalnya, pengguna meminta http://www.example.com/, dan Anda dapat menentukan bahwa http://www.example.com/product-description.html terkirim. Menentukan objek root default menghindari mengekspos konten distribusi Anda.
  • Logging: CludFront dapat membuat informasi log tentang setiap permintaan untuk sebuah bojek dan menyimpan file log di bucket Amazon S3. Tidak ada biaya tambahan untuk mengaktifkan logging, tetapi Anda dikenakan biaya Amazon S3 untuk menyimpan dan mengakses file.
  • Bucket untuk Log: Jika Anda menentukan bucket Amazon S3 untuk menyimpan log akses, CloudFront dapat merekam informasi tentang setiap permintaan pengguna untuk suatu objek dan menyimpan file dalam bucket Amazon S3 yang ditentukan. Anda dapat mengaktifkan atau menonaktifkan logging kapan saja. Untuk informasi selengkapnya tentang log akses CloudFront, lihat Log Akses.
  • Prefiks Log: Jika Anda memilih On untuk Logging, Anda dapat menentukan string tempat CloudFront mengawali nama file log akses untuk distribusi ini sesuai keinginan Anda. Untuk informasi selengkapnya tentang log akses CloudFront, lihat Log Akses.
  • Logging Cookie: Ketika menggunakan Amazon S3 sebagai asal untuk objek Anda, Amazon S3 tidak memproses cookie, jadi kecuali distribusi Anda juga menyertakan Amazon EC2 atau asal kustom lainnya, Anda harus memilih Off untuk nilai Logging Cookie. Untuk informasi lebih lanjut tentang cookie, lihat Mengonfigurasi CloudFront ke Objek Cache Berdasarkan Cookie.
  • Komentar: Anda dapat memasukkan komentar apa pun yang ingin Anda simpan dengan distribusi.
  • Status Distribusi: Standarnya Diaktifkan. Artinya, konten Anda akan tersedia segera setelah distribusi dibuat.

(klik untuk zoom)

Setelah Anda mengonfigurasi distribusi Anda, CloudFront akan membuat distribusi dan menyebarkannya ke seluruh jaringan CloudFront untuk Anda gunakan.  Pilih Buat Distribusi.  

Setelah proses ini selesai, kolom status Anda akan berubah dari Sedang Dikerjakan ke Diterapkan.

Catatan: mungkin butuh beberapa menit untuk selesai.

Nama domain yang ditetapkan CloudFront untuk distribusi Anda muncul di daftar distribusi Anda. Ingatlah ini, Anda akan membutuhkannya untuk langkah berikutnya. Mengklik bidang ID Distribusi akan membawa Anda ke halaman di mana Anda akan melihat domain CloudFront lengkap di bawah Nama Domain.

(klik untuk zoom)

Setelah Anda membuat distribusi web Anda, Anda dapat mengujinya dengan mengonfirmasi bahwa CloudFront mengambil objek Anda dari asalnya dan mengembalikannya ke browser web.  Untuk pengujian ini, Anda akan memerlukan nama domain CloudFront dari Langkah 4 dan nama gambar yang Anda unggah ke bucket S3 pada langkah 1.


a. Buka editor teks di komputer Anda. Salin dan rekatkan kode HTML berikut:

<html>

<head>Pengujian CloudFront Saya</head>

<body>

<p>Konten saya masuk ke sini.</p>

<p><img src="http://domain name/object name" alt="my test image">

</body>

</html>

  • Ganti nama domain dengan nama domain yang ditetapkan CloudFront untuk distribusi Anda, seperti d111111abcdef8.cloudfront.net.
  • Ganti nama objek dengan nama file gambar Anda di bucket Amazon S3 - dalam kasus kita, cloudfront-test-image.png.
  • Simpan teks di file sebagai mycloudfronttest.html.

b. Buka halaman web Anda di browser untuk memastikan Anda dapat melihat konten Anda. 

(klik untuk zoom)

Anda dapat dengan mudah menonaktifkan distribusi dari konsol CloudFront. Bahkan, menonaktifkan distribusi yang Anda tidak lagi menggunakannya agar tidak lagi dikenai biaya merupakan praktik terbaik. Namun, perhatikan bahwa ketika distribusi dinonaktifkan, situs web apa pun yang didukung oleh distribusi itu akan berhenti dan konten tidak akan lagi dapat diakses oleh pengguna akhir.


a.  Pilih kotak centang di sebelah distribusi yang Anda buat dan klik Nonaktifkan.

(klik untuk zoom)


b. Anda akan diminta untuk mengonfirmasi - klik Ya, Nonaktifkan.

(klik untuk zoom)

Anda membuat distribusi web Amazon CloudFront pertama Anda dan mengirimkan sebagian konten statis yang di-hosting di cloud melalui Amazon S3. Dengan beberapa perubahan konfigurasi, Anda dapat menggunakan CloudFront untuk mengirimkan konten dinamis, acara langsung seperti rapat, konferensi, atau konser, secara real time melalui HTTP atau HTTPS. Gunakan Amazon Cloudfront untuk mempercepat pengiriman seluruh situs web atau aplikasi Anda, termasuk konten dinamis, statis, streaming, dan interaktif.

Sekarang setelah Anda mempelajari cara mengatur distribusi web dan mengirimkan sebagian konten statis dengan Amazon CloudFront, Anda dapat mengajukan pertanyaan kepada para ahli CloudFront kami selama Jam Kerja atau AWS Tech Talks mendatang.

Halaman Memulai Amazon CloudFront >>