DevOps (Day-82): Project-3 Hosting a static Website using an AWS S3 Bucket

DevOps (Day-82): Project-3 Hosting a static Website using an AWS S3 Bucket

Day 82: #90DaysOfDevOpsChallenge

Dear Learner's, In my previous lecture Day 81 Project-2 I have explain how to deploy a Jenkins Declarative Project. In today's we will explore and one step forward hosting a static website using an AWS S3 bucket.

Project Description

The Project involved hosting a static website using an AWS S3 bucket. Amazon S3 is an object storage service the provides a simple Web services interface to store and retrieve any amount of data. The website files will be uploaded to an S3 bucket and configured with the appropriate permissions and a unique domain name, making the website publicly accessible. Overall the project aims to leverage the benefits of AWS S3 to host and scale a static website in a cost-effective and scalable manner.

Pre-requisties

1. Navigate to S3 in the AWS management console and create a bucket.

No alt text provided for this image

Navigate to S3 in the AWS management console and create a bucket Diagram.

2 . Provide the bucket name and select the AWS region to place the bucket in.

No alt text provided for this image

Provide the bucket name and select the AWS region to place the bucket in Diagram.

3. Allow public access as we will be accessing the website form outside.

No alt text provided for this image

Allow public access as we will be accessing the website form outside Diagram.

  1. Follow the rest default settings and create the bucket.

No alt text provided for this image

Follow the rest default settings and create the bucket Diagram.

  1. The bucket is now created. Follow the below steps to create the project.

No alt text provided for this image

Project Steps:

1. Navigate to the created S3 bucket.

No alt text provided for this image

Navigate to the created S3 bucket Diagram.

2 Now, upload the code for the website to be hosted on S3.

No alt text provided for this image

Now, upload the code for the website to be hosted on S3 Diagram.

3 Naviagate to the bucket and go to the static website hosting Enable the setting and provide the index document name that is uploaded to the S3 bucket.

No alt text provided for this image

No alt text provided for this image

No alt text provided for this image

No alt text provided for this image

Naviagate to the bucket and go to the static website hosting Enable the setting and provide the index document name that is uploaded to the S3 bucket

4 we can see the website endpoint URL created now.

No alt text provided for this image

we can see the website endpoint URL created now Diagram.

No alt text provided for this image

we can see the website endpoint URL created now. Diagram.

5 Now the URL form above and we are finally at the website hosted on S3 bucket.

No alt text provided for this image

Now the URL form above and we are finally at the website hosted on S3 bucket Diagram.

Thank you for reading!! Hope you find this helpful.

#day82challenge#90daysofdevops

Always open to suggestions..!!

~ Manoj Bhamidipati 🙂

Next Topic:

Day 83: how to deploy a web Application using Docker Swarm container Orchestration tool.