Tutorial: Buat fungsi Lambda @Edge dasar

Buat bucket Amazon S3 dengan satu atau dua file, seperti file citra, untuk konten sampel. Untuk bantuan, ikuti langkah dalam Unggah konten Anda ke Amazon S3. Pastikan Anda mengatur izin untuk memberikan akses baca publik ke objek dalam keranjang Anda.

Buat CloudFront distribusi dan tambahkan bucket S3 Anda sebagai asal, dengan mengikuti langkah-langkah di Buat distribusi CloudFront web. Jika Anda sudah memiliki distribusi, Anda dapat menambahkan bucket sebagai asal distribusi tersebut.

Masuk ke AWS Management Console dan buka AWS Lambda konsol dihttps://console.aws.amazon.com/lambda/.

Pilih Buat fungsi.

Pada halaman fungsi Buat, pilih Gunakan cetak biru, lalu filter untuk CloudFront cetak biru dengan memasukkan di bidang pencarian. cloudfront

Pilih cetak biru header Modify HTTP response sebagai template untuk fungsi Anda.

Masukkan informasi tentang fungsi Anda berikut ini:

Pilih Buat fungsi di bagian bawah halaman.

Di panel Deploy to Lambda @Edge yang muncul, pilih Batal. (Untuk tutorial ini, Anda harus memodifikasi kode fungsi sebelum menerapkan fungsi ke Lambda @Edge.)

Gulir ke bawah ke bagian Sumber kode halaman.

Ganti kode templat dengan fungsi yang memodifikasi header keamanan yang dikembalikan oleh Anda. Misalnya, Anda dapat menggunakan kode yang serupa dengan yang berikut ini:

'use strict';
export const handler = (event, context, callback) => {

    //Get contents of response
    const response = event.Records[0].cf.response;
    const headers = response.headers;

    //Set new headers
    headers['strict-transport-security'] = [{key: 'Strict-Transport-Security', value: 'max-age= 63072000; includeSubdomains; preload'}];
    headers['content-security-policy'] = [{key: 'Content-Security-Policy', value: "default-src 'none'; img-src 'self'; script-src 'self'; style-src 'self'; object-src 'none'"}];
    headers['x-content-type-options'] = [{key: 'X-Content-Type-Options', value: 'nosniff'}];
    headers['x-frame-options'] = [{key: 'X-Frame-Options', value: 'DENY'}];
    headers['x-xss-protection'] = [{key: 'X-XSS-Protection', value: '1; mode=block'}];
    headers['referrer-policy'] = [{key: 'Referrer-Policy', value: 'same-origin'}];

    //Return modified response
    callback(null, response);
};

Pilih File, Simpan untuk menyimpan kode yang diperbarui.

Pilih Deploy.

Di konsol Lambda, pada halaman Ikhtisar fungsi untuk fungsi Anda, pilih Tambah pemicu.

Untuk konfigurasi Trigger, pilih CloudFront.

Pilih Terapkan ke Lambda @Edge.

Di panel Deploy to Lambda @Edge, di bawah pemicu CloudFront Konfigurasi, masukkan informasi berikut:

Pilih kotak centang Konfirmasi penerapan ke Lambda @Edge.

Pilih Deploy untuk menambahkan pemicu dan mereplikasi fungsi ke AWS lokasi di seluruh dunia.

Tunggu fungsi mereplikasi. Ini biasanya memerlukan waktu beberapa menit.

Anda dapat memeriksa untuk melihat apakah replikasi selesai dengan pergi ke CloudFront konsol dan melihat distribusi Anda. Tunggu status distribusi berubah dari Deploying ke tanggal dan waktu, yang berarti bahwa fungsi Anda telah direplikasi. Untuk memverifikasi bahwa fungsi bekerja, ikuti langkah-langkah di bagian berikutnya.

Di browser, masukkan file URL for di bucket S3 Anda. Misalnya, Anda mungkin menggunakan yang URL mirip denganhttps://d111111abcdef8.cloudfront.net/image.jpg.

Untuk informasi selengkapnya tentang nama CloudFront domain yang akan digunakan dalam fileURL, lihatKustomisasi URL format untuk file di CloudFront.

Buka bilah alat Pengembang Web browser Anda. Misalnya, di jendela browser Anda di Chrome, buka menu konteks (klik kanan), lalu pilih Periksa.

Pilih Jaringan tab.

Muat ulang halaman untuk melihat gambar Anda, lalu pilih HTTP permintaan di panel kiri. Anda melihat HTTP header ditampilkan di panel terpisah.

Lihat daftar HTTP header untuk memverifikasi bahwa header keamanan yang diharapkan termasuk dalam daftar. Misalnya, Anda mungkin melihat header yang mirip dengan yang ditampilkan di screenshot berikut.

Masuk ke AWS Management Console dan buka CloudWatch konsol di https://console.aws.amazon.com/cloudwatch/.

Perubahan Wilayah ke lokasi yang ditampilkan saat Anda melihat file di browser Anda. Di sinilah fungsi beroperasi.

Di panel kiri, pilih Log untuk melihat log untuk distribusi Anda.

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

Pilih keranjang Anda, lalu pilih Properti.

Dari Properti, pilih Pencatatan.

Hapus kotak centang Diaktifkan.

Pilih Simpan.

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

Pilih distribusi yang ingin Anda nonaktifkan, lalu pilih Nonaktifkan.

Saat diminta untuk mengonfirmasi, pilih Ya, Nonaktifkan.

Pilih distribusi yang dinonaktifkan, lalu pilih Hapus.

Saat diminta konfirmasi, pilih Ya, Hapus.