9 December, 2023

How to setup Amazon S3 with Cloud front as a CDN?

Today we came with another information from AWS. In this article we are going to explain how to setup the Amazon S3 with Cloud front as a Content Delivery Network.

What is Cloud front?

Amazon Cloud front is a server which is used for global content delivery network (CDN).It is used to give businesses an easy way to distribute content to end users with low latency, high data transfer speeds and no minumum commitments and it integrates with other services.

amazon s3_1


Why we should Cloud front?

If you are running a website with fairly high traffic, one of the things that you will want to do is to migrate your images/videos out of your server and serve them from a Content Delivery Network (CDN). The greatest benefit of a CDN is that it can serve your web content from the location closest to your reader, and thus speed up the loading of your site, reduce your server bandwidth usage and of course rank well in the search engine.
amazon s3_2

Step 1: Creation of S3 bucket and grant object permission

First we need to create a S3 bucket with the bucket name and region.The region should be close to our region to optimize latency, minimize cost.

amazon s3_3

While upload the files to the S3 bucket , we should select the storage options.The screenshot will show that

amazon s3_4

In the bucket creation process we need to enable the privileges for that object and set permission as Make everything public.So that the object will be accessible from anywhere.

amazon s3_5

Once we uploaded the files to S3 bucket, then it will convert it into s3 bucket URL.For ex: http://s3.amazonaws.com/images.contus.us/filename

Step 2: Creation of Cloudfront Web Distribution

After that , we need to create a cloudfront distribution.In this progress,first we should select the create distribution

amazon s3_6

Then select the distribution type.This has two methods to deliver our content.One is Web and another one is RTMP.We are going to use web distribution for our article.Once we select the web distribution, it will ask the Origin settings, Default cache behaviour settings, Distribution settings.

Step 3: Setting up the Origin settings,Default cache behaviour settings, Distribution settings

In origin settings , we should enter our domain name alone all other details will remain the same.

amazon s3_7

In the default cache behaviour option , we leave the default values

amazon s3_8

In the distribution settings , we can create the CNAME i.e alternate URL for our content delivery management.

amazon s3_9

After done the above steps , we replace the CNAME which we got from the hosting provider in cloudfront. The screenshot will tell the clear idea

amazon s3_10


Alex Sam is a mobility, IoT & chat app specialist and I would like to spend most of my time in reading and analyzing the latest happenings in the technology and how they fit into our daily lives. I always endeavor to identify more ideas and concepts, and develop user-friendly apps through leveraging technology.

Leave a Reply

Your email address will not be published. Required fields are marked *