Add Function melalui CloudFront Console

Melanjutkan postingan sebelumnya, case kali ini adalah create function namun melalui Console CloudFront untuk pengaturan yang lebih mudah dimengerti. Berikut panduannya

Git repo

git clone https://github.com/aws-samples/amazon-cloudfront-functions.git

Create function

Buka CloudFront Console

Pilih function dan klik Create function ![function-aws](/assets/img/Screen Shot 2023-01-15 at 12.13.40.png)

Beri nama function, lalu pilih Create function ![function-aws](/assets/img/Screen Shot 2023-01-15 at 12.17.04.png)

Tampilan setelah create funtion ![function-aws](/assets/img/Screen Shot 2023-01-15 at 12.21.31.png)

Edit Function code menjadi menyesuaikan isi file index.js pada amazon-cloudfront-functions/url-rewrite-single-page-apps ![function-aws](/assets/img/Screen Shot 2023-01-15 at 12.29.19.png)

Jika sudah lalu pilih Save Change

Selanjutnya pilih tab Publish dan klik Publish function agar dapat dikaitkan ke distribusi ![function-aws](/assets/img/Screen Shot 2023-01-15 at 12.29.19.png)

Associated distributions

Masih pada tab Publish pilih Add association

  • Pilih Distribution
  • Event type Viewer Request
  • Cache behavior pilih default

Terakhir klik Add association ![function-aws](/assets/img/Screen Shot 2023-01-15 at 12.37.31.png)

Tunggu proses deploying distribusi lalu test akses