Hosting a static Website on S3

Bowei — Wed, 12 Jun 2024 12:07:30 +0000

This article will show how to host static websites via S3 buckets by simply enabling the static hosting option and applying an efficient bucket policy to allow public access.

Prerequesites

Basic knowledge of Amazon S3 and Web hosting.

Firstly, we create the S3 bucket with a globally unique name in a specified region we want.

Under the Block Public Access section, we uncheck the box to enable Public access since we are going to be hosting a static website via the bucket.

We disable Versioning and optionally, we can add tags.

Disable Server-side encryption and Create the bucket.

You should get a message like the one below;

Click on the bucket name and go to the properties Tab.

Scroll down to Static website hosting and click on Edit.

Enable Static Web hosting & host a static website. Also input an index document name, typically Index.html and save the changes.

Next, go to the permissions tab of the bucket to input a bucket policy.

Copy and paste the below bucket policy, replacing your actual bucket name with what is listed as "Bucket-name" below and save changes.

{
"Version": "2012-10-17",
"Statement": [
{
"Sid": "PublicReadGetObject",
"Effect": "Allow",
"Principal": "",
"Action": [
"s3:GetObject"
],
"Resource": [
"arn:aws:s3:::Bucket-Name/"
]
}
]
}

Next, it's about time to upload the necessary documents.

Click on Add Files, add your website files one after another, and upload.

Go back to the properties tab and scroll down to find your S3 endpoint which will be used to access the website.

Click on the endpoint and the static website is now accessible.

In the simplest of forms, this is an easy way to host a static website. More features like using CloudFront and Route 53 can be factored in eventually.

Setting up VMs with Vagrant & installing basic tools on it.

Bowei — Tue, 16 Apr 2024 20:41:34 +0000

Vagrant by Hashicorp in simple terms is a tool that helps manage the lifecycle of virtual machines. It helps us to manage and build development environments.

As a beginner, you may wonder why I need a tool to help me set up my development environment and machines. Think of the process of creating one machine on your Virtualbox or VMware. Imagine doing that 10 times for 10 machines you want to quickly set up. Simply put, it can be a turnoff.

Well, here comes Vagrant to save the day. You can quickly set up those 10 machines in a small matter of time by using a Vagrantfile. A vagrant file is a set of code written in Ruby containing specific instructions like the Box type(Type of machine version e.g Ubuntu, CentOS, etc), provider (by default Virtualbox, VM Ware, Hyper-V), provisioning, Networking, Folders.

A not-so-complex Vagrant Architecture showing the Box and providers as main blocks.

PRE-REQUISITES
Ensure you have installed Vagrant on your local PC and also have box images available.
An IDE such as VSCODE

I will be setting up 3 VMs using Vagrant and installing basic tools such as nginx & python on it.

I have downloaded and installed Vagrant on my local PC. I have also added box images on my local PC to make it readily available.

To reconfirm, I'll do a "vagrant box list" which displays the current box images I have downloaded.

Next, I need to create a Vagrantfile. I can do so by creating a directory using the "mkdir" command. I go on to create a Vagrantfile by using "touch Vagrantfile"

I go into my Vagrantfile, using "code ." This will open up the file in VScode.

I will go to the vagrant cloud(https://vagrantfile-generator.vercel.app/), choose my desired image, and copy the code.

Doing a "vagrant up" just like this will create 3 VMs for us when we run it. Let's install some basic tools such as apache2 and Python3 to spice it up. To do this, we go to the provision section of the vagrant website where we can find other cool stuff.

I will make use of inline scripts within our code. I'll simply copy and modify this code by including "sudo apt update", "sudo apt install nginx -y" & "sudo apt install python3 -y"

I run a "vagrant validate" to validate that the Vagrantfile is ok.

Now we can run "vagrant up" to spin up the 3 VMs.

When it's done we can confirm from VirtualBox GUI and from running "vagrant global-status" to see running machines.

I can also SSH to each server using "vagrant ssh SERVER-NAME" to confirm if nginx & python3 were installed successfully. I'll do "python3 --version" & "dpkg -l | grep nginx" to confirm Python and nginx were installed successfully

CONCLUSION

In this brief article, we explored a means of using Vagrant to create Virtual Machines and installation of some basic tools. This should relatively serve as a building block in the use of vagrant as a tool for managing & builiding development environments.

Forem: Bowei

Hosting a static Website on S3

Setting up VMs with Vagrant & installing basic tools on it.

CONCLUSION