Setting Up AWS CloudFront as an HTTPS Endpoint for S3

1. Upload the index.html file to the bucket (replacing <BUCKET_NAME_PROVIDED> with the S3 bucket name listed on the lab page):

   aws s3 cp index.html s3://<BUCKET_NAME_PROVIDED>

1. Create a CloudFront origin access identity so it can get content from your S3 bucket on your behalf (replacing <YOUR_UNIQUE_UUIDGEN_HERE> with the uuidgen):

   aws cloudfront create-cloud-front-origin-access-identity --cloud-front-origin-access-identity-config CallerReference=<YOUR_UNIQUE_UUIDGEN_HERE>,Comment=MyOAI

2. Copy the Id and Etag in the output and paste them into a text file, as we'll need them later.

1. Modify the provided policy_cloudfront.json file in the home directory of cloud_user.

2. Execute this policy against the S3 website bucket (first changing to the home directory):

   cd 
   
   aws s3api put-bucket-policy --bucket <BUCKET_NAME> --policy file://policy_cloudfront.json
   

1. Create a CloudFront distribution:

   aws cloudfront create-distribution --origin-domain-name <BUCKET_NAME>.s3.amazonaws.com --default-root-object index.html
   

   This will give you a lengthy output. Find and note/save the ETag and Id of the CloudFront distribution from within that returned JSON string, as you'll need them later to update it.

1. Get the CloudFront distribution config and filter out the distribution-specific part:

   aws cloudfront get-distribution-config --id $CF_ID | jq -r .DistributionConfig > dist-config.json
   

2. Modify the following properties in the newly created dist-config.json file:

   • OriginAccessIdentity under key Origin should be origin-access-identity/cloudfront/<OAI_ID> (don't forget to replace <OAI_ID> with the actual OAI ID).
   • PriceClass should be PriceClass_100.
   • ViewerProtocolPolicy should be redirect-to-https.

1. Update the CloudFront distribution with the dist-config.json file:

   aws cloudfront update-distribution --id $CF_ID --distribution-config file://dist-config.json --if-match $CF_ETAG
   

In the CloudFront Console, copy the CloudFront distribution domain name and paste it into a browser tab to confirm the website is working.

Note: CloudFront distributions can take about 20 minutes to be globally effective. It might work for you immediately or within a few minutes after you create it, so be patient and wait for it to deploy before you test.