Tutorials

Exploring AWS Application Load Balancer

Posted in AWS Tutorial

Updated on Dec 29, 2023

By Mari Selvan

👁️ 64 - Views

⏳ 4 mins

💬 1 Comment

Photo Credit to CodeToFun

🙋 Introduction

Amazon Web Services (AWS) Application Load Balancer (ALB) is a service that automatically distributes incoming application traffic across multiple targets, such as Amazon EC2 instances, in one or more Availability Zones.

ALB serves as a crucial component in building scalable, fault-tolerant, and highly available applications.

In this tutorial, we'll focus on setting up an AWS Application Load Balancer, assuming you've already configured a target group with EC2 instances.

📚 Prerequisites

Before proceeding, make sure you have the following:

An AWS account with access to the EC2 service.
An existing target group with at least two EC2 instances.

📸 EC2 Instance Showcase

Please examine our EC2 instances.

ReactJS: ReactJS is employed to render the website.
NextJS: NextJS is employed to render the website.

Photo Credit to CodeToFun

I deliberately perform this action to demonstrate how the Application Load Balancer distributes traffic among them.

Upon finishing this tutorial, you will possess a comprehensive understanding of how an application load balancer operates.

🛠️ Creating Application Load Balancer

Open the AWS Management Console.
In the "Find Services" search bar, type "Load Balancers" and select "Load Balancers" from the results and click on the Create Load Balancer button.

Photo Credit to CodeToFun
Now, Choose Application Load Balancer.
Configure the Application Load Balancer Basic configuration as follows:
1. Load balancer name: Name of your choice.
2. Scheme: Internet-facing.
3. IP address type: IPv4.
Photo Credit to CodeToFun
Configure the Application Load Balancer Network mapping as follows:
1. VPC: Choose any VPC.
2. Mappings: Kindly choose a minimum of two regions, making certain that one of the selected regions aligns with the EC2 instance you intend to target (e.g., us-east-1a, us-east-1b).
Photo Credit to CodeToFun
Configure the Application Load Balancer Security groups as follows.
- Security groups: You can select up to 5 security groups.
Photo Credit to CodeToFun
Configure the Application Load Balancer Listeners and routing as follows.
1. Lets configure for HTTP
  - Protocol: HTTP.
  - Port: 80.
  - Default action: Choose Your Target Group.
2. If you possess a domain name, it is necessary to set up HTTPs as well.
  - Protocol: HTTPs.
  - Port: 443.
  - Default action: Choose Same Target Group as like HTTP.
Photo Credit to CodeToFun
Now, click on the Create Load Balancer button.

Photo Credit to CodeToFun
Navigate to the load balancer dashboard and wait until the status of your load balancer becomes Active. Once it's active, copy the DNS name and open the URL in any browser of your choice.

Photo Credit to CodeToFun
When you load the copied DNS name for the first time it may serve ReactJS EC2 instance as follows.

Photo Credit to CodeToFun
Now, try to refresh the page, the application load balancer may serve the other NextJS EC2 instance as follows.

Photo Credit to CodeToFun

Note: If your Application Load Balancer is not directing traffic to another EC2 instance, please refresh it at least 5 times to verify if it is functioning properly