Creating a Public Website with S3 | Scribe

Creating a Public Website with S3

  • Hafeez Baig |
  • 32 steps |
  • 3 minutes
  • Amazon Web ServicesAmazon Web Services
information ordinal icon
Refer to the following guide to learn how to use IAM in the cloud\ <https://scribehow.com/shared/Creating_an_IAM_User_and_User_Group_in_AWS_Management_Console__hWNiiXlcRJKFqYZZEJD-cg> Refer to this guide to learn how to create an S3 Bucket\ <https://scribehow.com/shared/Creating_an_S3_Bucket_and_Exploring_the_UI__0TFMdpbkQvS6jOisdkQjeA>
1
Sign in to **AWS Management Console** as an **IAM User** **Pre-requisite** - Ensure you have selected the AWS region closest to your location\ For this guide, we will be using us-east-2 (Ohio) as a preferred choice
2
Type **S3** in the search bar and click on **S3** to view the S3 Dashboard
information ordinal icon
**What is Amazon S3 in AWS?** Amazon Simple Storage Service (Amazon S3) is a scalable object storage service offered by Amazon Web Services (AWS). It is designed to store and retrieve any amount of data from anywhere on the web.
3
**Amazon S3** dashboard will open, click on the "**my-aws-bucket-in28minutes**"
4
**my-aws-bucket-in28minutes** wizard will open, click on the **Properties** tab
5
Scroll to the **Static website hosting** section
information ordinal icon
**What is Static website hosting in S3?** Static website hosting in Amazon S3 allows you to host static websites directly from your S3 buckets. A static website typically consists of HTML, CSS, JavaScript, images, and other client-side assets that do not require server-side processing.
6
On the right side click on the **Edit** button
7
**Edit static website hosting** wizard will open, select the option **Enable**
8
Scroll to the **Index document** section and type "**index.html**" in the text input field
9
Scroll the page and click on the **Save changes** button
information ordinal icon
Congratulations on successfully enabling static website hosting in S3!
10
To upload the files for hosting, click on the **Objects** tab
11
On the right side click on the **Upload** button
12
**Files and Folders** wizard will open, select the files and click on the **Open** button
13
You can view all the files have been added
14
Scroll the page and click on the **Upload** button
15
From the Files click on the **index.html**
16
**index.html** wizard will open, scroll to the **Object URL section** and click on the copy widget to copy the URL