Skip to main content
  1. Posts/

Add Function melalui CloudFront Console

1 min
aws
Table of Contents

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

Related

Add Function di Amazon CloudFront
2 mins
aws aws
Add Security Headers CloudFront
2 mins
aws aws
Fix Error AuthFailure in AWS CLI
2 mins
aws aws
Membuat Notifikasi Slack untuk AWS CloudWatch
3 mins
aws aws
Cara Melihat Console dan Log System di AWS EC2
2 mins
aws aws
Enable Driver ENA pada Instance EC2
5 mins
aws aws