S3 Static Website Hosting

In this lab, you will upload a static website to Amazon S3 Bucket. It can contain html, css, javascript, images, video or static contents.

1. Download website source code

Download Link: src.zip

2. Unzip the folder

You will see 3 files as below:

index.html

script.js

style.css

3. Open Amazon S3 Bucket

For example: cloudvn

cloud.vn

4. Upload above source codes to the bucket

cloud.vn

5. Permission Setting

cloud.vn

6. Configure Storage Class

cloud.vn

7. Review

cloud.vn

8. Uploaded

cloud.vn

9. Enable Static Website Hosting

From the Console, Click on Properties tab

cloud.vn

Click on Static Web Hosting

cloud.vn

Enter index.html and press Save

cloud.vn

Complete Properties setting

cloud.vn

10. Enable Public Access

Click on Permissions tab

cloud.vn

Block all public access is OFF

11. Make Public for your files

Click on Overview tab and Select all files.

cloud.vn

Click on Action / Select Make Public

cloud.vn

Confirm

cloud.vn

12. Access Your Website

Get website link. Goto Properties tab / Click on Static Web Hosting

Click on the endpoint link.

cloud.vn

Completed

Congratulations! You now have successfully:

  1. Created a Amazon S3 Bucket

  2. Uploaded Static Web Content to the bucket

  3. Enabled public access to S3 bucket objects

  4. Configure Amazon S3 bucket as a static web hosting