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
Setting static website Amazon S3
·2 mins
aws aws
Setup AWS CloudFront distribution dengan S3 Origin
·2 mins
aws aws
Setting Bucket policy Amazon S3
·2 mins
aws aws
Cara membuat Bucket di Amazon S3
·1 min
aws aws
Cara membuat Users dan Groups AWS
·1 min
aws aws