SIVA 99
Contact Us
SIVA 99
Contact Us

Amazon CloudFront

Amazon CloudFront is a web service that helps you by speeding up the distribution of your web content, static and dynamic, to your users. The web content includes .html, .js, .css, and image files.

CloudFront delivers this content through its network of Data Centers, also called Edge Locations across the globe.

An edge location is the nearest approximate point to the end user using the AWS service that contains a small setup instead of the server and is responsible to deliver static content as a quick response to the user request.

There are over 400+ Edge Locations and 13 Regional Edge Caches. It also provides DDoS (Distributed Denial of Service) protection to protect against an attack that is distributed denial of service, it gives you integration with a shield and web application firewall.

CloudFront - Architecture

How it Works & How to setup:

  • Firstly, you need to specify the origin server, such as S3 Bucket or HTTP server. These are the sources or servers from where CloudFront will extract the requested files. The origin servers are destined to store the original version of the files. After extracting the files, they will then be distributed to the users via respective edge locations.
  • The files such as web pages, media files, and images are termed to be objects that need to be uploaded onto the origin servers. If you have picked Amazon S3 as your origin, then you need to enable the bucket to be read by all public. It will enable anyone with your CloudFront URL to access it. You can also give controlled access to the objects by making them private over the origin servers.
  • Now, you will have to create a CloudFront distribution that connects CloudFront with the origin server for getting the files from it whenever the user puts up a request. Along with that, you can also enable the setting of allowing CloudFront to log the requests or let it process the requests immediately.
  • Now, CloudFront assigns a specific domain name to all new distributions elaborated within the console that will be used to process the called requests.

Amazon CloudFront Hands-on

  • Create a S3 Bucket and upload an Static Website to the sample S3 bucket.
  • Link the cloudFront distribution to serve the image in S3 bucket.
  • Test the distribution.
  • Update Distribution with Custom Error Pages and test.
  • Log in to the AWS Management Console and type “S3” in the search box.
  • You will see an S3 dashboard, click create buckets.
  • The next step is to select the Region that is closest to you and enter the name of your bucket.
  • Click on the Create Bucket button, leave all the settings the way they are, and scroll down.
  • It is important to remember that a bucket’s name should always be unique and should not already exist publicly under a similar name; otherwise, your bucket will not be created.
  • We have created our first bucket, click on the name of the bucket to open it.
  • Here is a list of many of the features like Objects, Property, Permissions, Metrics, and others.
  • Now, let us upload our first object into our bucket in S3.
  • Open your browser and save a . Jpg image or file on your local computer.
  • Click on Upload.
  • You have to see upload on files in the bucket
  • You Know Index.html is main file for website... so you can try to access that file
  • You Will get access Denied.. So you can add the public access for bucket. Go to buckets & open permissions Make the bucket public.
  • After you can all Files & folders also make public.
  • Now you can try index.html file accessing in the browser... Now you able see one good website.
  • In S3 Bucket, open Properties.
  • Click on Edit in Static website hosting.
  • In Edit static website hosting, select Enable to enable website hosting in AWS S3.
  • Now in Index Document specify the name of the home page or default file of the website and Error document – optionally specify the name of the file which is returned when an error occurs.
  • Click on save changes.
  • You have successfully hosted your website through S3 Bucket. You can get the website URL from Static Website Hosting in Properties.

CloudFront Configuration:

  • Click on the theCreate a cloudfront distribution
  • This should take you to the Create Distribution page, click on the Origin Domain Name field and select the S3 bucket you created earlier.
  • Then select the Origin access... below screenshot i highlighted.
  • Create control setting.. it woll appear scrrenshot just click the create.
  • Scroll down to until you see “Viewer”, For “Viewer Protocol Policy”, select “Redirect HTTP to HTTPS”. And the reasons for this are mostly for security measures as HTTPS is more secure than HTTP.
  • From this point forward and for our project the rest of the options can remain as default and click on “Create Distribution”.

Enter in your browser the URL as https://<CloudFront-Domain>/<file-name>

https://da3twwvzydess.cloudfront.net/index.html

  • Now we can talk about Error Pages & Geographic restrictions
  • Coming to Error Pages We have to Use for the Show Invalid Paths.
  • Geographic restrictions are used for the Block the Access for specific country.

Liked This Article?

Conclusion:

In this blog you learned about the cloudFrontConcept & how to configure it.

Leave a Reply

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

Facebook Twitter Instagram Linkedin

2024 © sivakrishna. All rights reserved.