DEV Community: Shaakthi Ganapathi

AWS EC2 Instance with S3 Integration

Shaakthi Ganapathi — Thu, 23 Jan 2025 17:14:59 +0000

Amazon Web Services (AWS) provides a robust platform for deploying and managing cloud infrastructure. In this blog, we’ll guide you through the steps to set up an EC2 instance, connect to it via SSH, assign an IAM role, and upload a file to an S3 bucket.

Step 1: Launching an EC2 Instance

1.Log in to AWS Management Console: Navigate to the EC2 service.

2.Choose Amazon Linux as the Amazon Machine Image (AMI): Select the free tier-eligible Amazon Linux AMI.

3.Select Instance Type: Choose t2.micro for free tier eligibility.

4.Create or Choose a Key Pair: Create a new key pair or select an existing one. Download the private key file (.pem).

5.Launch the Instance: Review your configuration and launch the instance.

Step 2: Configuring Security Groups

Edit Inbound Rules: Go to the instance's security group and add an inbound rule to allow SSH traffic (port 22) from your IP address.

Step 3: Setting Up puTTY

Download puTTY: Download and install puTTY along with puTTYgen from putty.org.

Convert .pem to .ppk: Use puTTYgen to convert your .pem file to a .ppk file.

Step 4: Connecting to the Instance

Open puTTY: Enter the public IP address of your EC2 instance in the "Host Name" field.

Upload Key: Navigate to the SSH > Auth section and upload your .ppk file.

Connect: Click "Open" and log in as ec2-user.

Step 5: Assigning an IAM Role to the Instance

1.Create an IAM Role:Navigate to the IAM service and create a role with Amazon S3 full access.
Attach the role to your EC2 instance.

2.Verify Role Assignment: Confirm that the instance has the appropriate permissions.

Step 6: Uploading a File to S3

Prepare a File: Create or copy a file in your EC2 instance.
Use AWS CLI: Use the following command to upload a file to your S3 bucket:

       aws s3 cp <file-path> s3://<bucket-name>/

Step 7: Cleaning Up Resources

Terminate the Instance: Stop and terminate the EC2 instance to avoid unnecessary charges.

Delete the IAM Role: Remove the role from your instance and delete it if no longer needed.

AWS STEP FUNCTIONS

Shaakthi Ganapathi — Thu, 23 Jan 2025 16:28:41 +0000

1. Service Overview

Service Name: AWS Step Functions
Logo:

Tagline or One-Line Description: Build and coordinate complex workflows with ease.

2. Key Features

Top Features:
1.Visual Workflow Design: Create workflows using a visual interface that simplifies the orchestration of microservices and serverless applications.

2.State Management: Automatically manage the state of your application, ensuring that each step in your workflow is executed in the correct order.

3.Error Handling: Built-in error handling and retry mechanisms to ensure that workflows can recover from failures.

4.Integration with AWS Services: Seamless integration with a wide range of AWS services, including Lambda, S3, DynamoDB, and more.

5.Scalability: Automatically scales to handle the demands of your application, allowing you to focus on building rather than managing infrastructure.

Technical Specifications:
1.Durability and Availability: Built on AWS infrastructure, ensuring high availability and durability.

2.Serverless Architecture: Fully managed service that eliminates the need for server management, allowing developers to focus on application logic.

3.Cost-Effective: Pay only for the transitions and executions of your workflows, making it a cost-effective solution for orchestrating complex processes.

3. Use Case

Real-Life Applications: Order Processing

Order Processing: Automate the order fulfillment process by coordinating various services such as inventory management, payment processing, and shipping notifications, ensuring a smooth and efficient workflow from order placement to delivery.

4. Pricing Model

Pricing Overview:
AWS Step Functions follows a pay-as-you-go pricing model based on the number of state transitions.

1.Free Tier: Includes 4,000 state transitions per month for the first 12 months, ideal for small projects or testing.
2.Paid Tier: Billed per state transition, with costs decreasing as usage increases, making it scalable for larger applications.
3.Add-Ons: Charges for additional features such as enhanced monitoring and logging capabilities.

5. Comparison with Similar Services

AWS Step Functions stands out for its deep integration with AWS services and its ability to manage complex workflows. Competitors like Apache Airflow, Google Cloud Workflows, and Azure Logic Apps offer similar functionality but may have different focuses and integration capabilities.

6. Benefits and Challenges

AWS Step Functions is user-friendly and integrates seamlessly with other AWS services, making it an excellent choice for serverless applications. However, it may have a learning curve for users unfamiliar with workflow orchestration and can be less flexible for non-AWS environments.

7. Case Study

Netflix uses AWS Step Functions to manage its complex video processing workflows, enabling efficient content delivery and enhancing the user experience through automated processes.

Static Webpage Hosting (S3 + Cloud front) - React app

Shaakthi Ganapathi — Thu, 23 Jan 2025 10:56:10 +0000

In this blog, we'll cover how to host a static React web application using Amazon S3 and CloudFront. To get started, let’s focus on the initial steps: setting up the environment, creating the React app, and preparing the S3 bucket.

Step 1: Install Node.js and npm
Before creating a React app, ensure you have Node.js and npm installed on your machine.

Download and Install Node.js

Visit the Node.js website and download the LTS version.
Install Node.js following the setup instructions for your operating system.
Verify Installation
Open a terminal or command prompt and run the following commands to confirm Node.js and npm are installed:

                node -v
                npm -v

This will display the installed versions of Node.js and npm.

Step 2: Create a React Application
Now, let’s create the React application that we’ll host.

Initialize a React App
Use the npx command to create a new React app:

      npx create-react-app static-webpage-hosting

Replace static-webpage-hosting with your desired project name.
Navigate to the Project Directory

          cd static-webpage-hosting

Start the Development Server
To test your setup, start the local development server:

          npm start

This will open your default browser and display the default React application at http://localhost:5173.

Step 3: Customize the React App
Next, customize the React app with your details. For example:

Open the src/App.js file in your favorite code editor.
Replace the content with the following code to display your name and roll number:

                  import './App.css';

function App() {
return (

  display: 'flex',<br>
  flexDirection: 'column',<br>
  alignItems: 'center',<br>
  justifyContent: 'center',<br>
  height: '100vh',<br>
  background: 'linear-gradient(135deg, #1e90ff, #ff7f50)',<br>
  color: 'white',<br>
  fontFamily: 'Arial, sans-serif',<br>
  textAlign: 'center',<br>
}}&gt;<br>
  <h1>Shaakthi Ganapathi P D</h1><br>
  <h2>Roll Number: 714022202045</h2><br>
  <p>"NOTHING TO SAY!"</p><br>
<br>

);

}

export default App;
Save the file and verify the changes by running the app again with npm start.

Step 4: Create an S3 Bucket
Now that your React app is ready, we need to create an Amazon S3 bucket for hosting the static files.

Go to the AWS Management Console.
Navigate to S3

Search for “S3” in the AWS services search bar and open the S3 dashboard.
Create a New Bucket

Click "Create Bucket".
Enter a unique bucket name, e.g., static-webpage-hosting.
Choose a region close to your users for better performance.
Uncheck "Block all public access" since we need to make the bucket publicly accessible for static hosting.
Review and Create

Review the settings and click "Create Bucket".

Step 5: Configure CloudFront
1.Go to the CloudFront service in AWS.
2.Click "Create Distribution".
3.In the Origin Settings:Set the Origin Domain Name to your S3 bucket's URL.
4.Enable Redirect HTTP to HTTPS for secure access.
5.In the distribution settings:Set index.html as the Default Root Object.
Click Create and wait for the distribution status to change to Deployed.

Step 6:Delete Cloud Front