CloudFront is one of the popular services of AWS that gives Caching mechanism for our static contents like html, css, images and media files serving a very fast performance using it's globally available CDN networks of POP sites.
In this blog post, we will know
- How to create a basic CloudFront distribution using S3 as Origin.
- How can we create a CloudFront distribution using S3 as Origin without making the Content of Origin(s3 Objects) public.
- What, Why and How about CloudFront OIA.
Here in this scenario, we will be using S3 bucket as an Origin for our CloudFront distribution
We will understand the problem first and then know, how Origin Access Identity can be used to address the request.
So we have quickly created a S3 bucket and CloudFront distribution using default settings with below details.
- S3 bucket name - s3-web-bucket
- Bucket Permissions - Block all Public Access
- CloudFront distribution default object - index.html
- CloudFront Origin - s3-web-bucket
Now, quickly upload a index.html file under the root of s3 bucket as s3-web-bucket/index.html.
We are done with the configuration, let's try to quickly access the CloudFront distribution and verify if everything is working perfectly or not.
$ curl -I https://d2wakmcndjowxj.cloudfront.net
HTTP/2 403
content-type: application/xml
date: Thu, 14 Jul 2022 07:28:37 GMT
server: AmazonS3
x-cache: Error from cloudfront
via: 1.1 ba846255b240e8319a67d7e11dc11506.cloudfront.net (CloudFront)
x-amz-cf-pop: MRS52-P4
x-amz-cf-id: BbAsVxxWfW9v3m1PD2uBHqRIj_7-J5U3fUzhhFiQQhbJj8a7lQlCvw==Ans : This is expected as we have kept the bucket permission level as Block All Public Access.
Okay, then let's modify the bucket permission and Allow Public Access, for this follow the below two steps.
- Enable Public Access from Console by unchecking the Check box "Block all public access" and Save it.
- Append the below Bucket Policy JSON statement to make all objects inside the Bucket as Public, the one highlighted in red can be replaced by your own Bucket name.
{
"Version": "2012-10-17",
"Statement": [
{
"Sid": "AddPerm",
"Effect": "Allow",
"Principal": "*",
"Action": "s3:GetObject",
"Resource": "arn:aws:s3:::s3-web-bucket/*"
}
]
}- Save it, and your bucket permission section will appear with Red Amber signifying that your bucket is publicly accessible.
Done, Now let's try again to access the Website (index.html) from our CloudFront distribution.
$ curl -I https://d2wakmcndjowxj.cloudfront.net
HTTP/2 200
content-type: text/html
content-length: 557
date: Thu, 14 Jul 2022 07:47:58 GMT
last-modified: Wed, 13 Jul 2022 18:50:58 GMT
etag: "c255abee97060a02ae7b79db49ed7ec1"
accept-ranges: bytes
server: AmazonS3
x-cache: Miss from cloudfront
via: 1.1 ba055a10d278614dad75399031edff3c.cloudfront.net (CloudFront)
x-amz-cf-pop: MRS52-C2
x-amz-cf-id: Bhf_5IjA0sifp7jON4dpzZdjpCZCQTF5L7c5oenUbjc1vZzvL6ZUWA==Good, we are able to access our webpage and now our static contents will be served from CDN network, but wait let's try to access the object(index.html) from bucket's S3 URLs too.
$ curl -I https://s3-web-bucket.s3.amazonaws.com/index.html
HTTP/1.1 200 OK
x-amz-id-2: OgLcIIYScHdVok2puZb09ccCjU5K9xNxOL6D1sVj/nBf6hm93vCjQQSpm3fxo4tXpdjUa3u2TS0=
x-amz-request-id: 588WXNR2BH9F37R9
Date: Thu, 14 Jul 2022 07:50:42 GMT
Last-Modified: Wed, 13 Jul 2022 18:50:58 GMT
ETag: "c255abee97060a02ae7b79db49ed7ec1"
Accept-Ranges: bytes
Content-Type: text/html
Server: AmazonS3
Content-Length: 557Here is the loophole, naming standards for any s3 bucket urls and it's respective objects are quite easy to guess if one knows the name of the bucket only.
User, developer and hackers can bypass the CloudFront url and can get access to Objects directly from S3 Urls only, but you may think or what's the issue as they are anyhow public read in nature by permissions.
So to answer these questions, here are some points I would like to point, how accessing content via CloudFront URls is useful
- CloudFront URLs give you better performance.
- CloudFront URL can provide Authentication mechanism.
- CloudFront URL gives additional possibilities to trigger CloudFront Function, which can be used for custom solutions.
- Sometimes content of a website/API is designed to be served via CloudFront only, accessing it from S3 gives you a portion of it's content.
