Setup AWS CloudFront distribution dengan S3 Origin

Sebelumnya kita sudah membuat static website dengan Amazon S3. Selanjutnya Anda akan mempelajari cara setup static website memakai AWS Cloudfront dengan S3

AWS Management Console

Create distribution

Buka CloudFront console

Klik Create a Cloudfront distribution

Tentukan Origin domain dengan S3 Bucket yang sudah dibuat

Pada bagian Allowed HTTP methods bisa kalian tentukan sendiri

Pada Default root object isi dengan nama index document

Terakhir klik Create distribution dan tunggu proses Deploying sampai selesai

Test akses

AWS CLI

Create distribution

aws cloudfront create-distribution --origin-domain-name [bucketname].s3.[region].amazonaws.com --default-root-object index.html

[cloudshell-user@ip-10-6-8-192 ~]$ aws cloudfront create-distribution --origin-domain-name mytopan.s3.ap-southeast-2.amazonaws.com --default-root-object index.html 
{
    "Location": "https://cloudfront.amazonaws.com/2020-05-31/distribution/E1GWV2BXHHEF8I",
    "ETag": "E3RR0DNWCSDOEG",
    "Distribution": {
        "Id": "E1GWV2BXHHEF8I",
....

Apabila ada distribution config maka bisa gunakan perintah

aws cloudfront create-distribution --distribution-config file://config-dist.json

Selanjutnya tunggu proses deploying. Untuk mengetahui proses deploy bisa gunakan perintah

cloudfront wait distribution-deployed --id E1GWV2BXHHEF8I

Test akses

Disable distribution

Cek ID distribution

aws cloudfront list-distributions

{
    "DistributionList": {
        "Items": [
            {
                "Id": "E1GWV2BXHHEF8I",
                "ARN": "arn:aws:cloudfront::478876543121:distribution/E1GWV2BXHHEF8I",
                "Status": "Deployed",
                "LastModifiedTime": "2023-01-12T07:26:33.410000+00:00",
                "DomainName": "d1g6zqctbawc9z.cloudfront.net",

Export distribution config

aws cloudfront get-distribution-config --id E1GWV2BXHHEF8I

[cloudshell-user@ip-10-6-29-96 ~]$ aws cloudfront get-distribution-config --id E1GWV2BXHHEF8I | jq '. | .DistributionConfig' > config-dist.json

Edit file config-dist.json

  },
  "PriceClass": "PriceClass_All",
  "Enabled": true, <-- edit dari true ke false
  "ViewerCertificate": {

Lalu update distribution config

aws cloudfront update-distribution --id E1GWV2BXHHEF8I --if-match E3RR0DNWCSDOEG --distribution-config file://config-dist.json

{
    "ETag": "E3LF2TJFMW9XL4",
    "Distribution": {
        "Id": "E1GWV2BXHHEF8I",
        "ARN": "arn:aws:cloudfront::478876543121:distribution/E1GWV2BXHHEF8I",
        "Status": "InProgress",

Delete distribution

[cloudshell-user@ip-10-6-29-96 ~]$ aws cloudfront delete-distribution --id E1GWV2BXHHEF8I --if-match E3LF2TJFMW9XL4