DEV Community: S Bhavi Vishnu

AWS-THREE TIER WEB ARCHITECTURE

S Bhavi Vishnu — Fri, 24 Jan 2025 09:01:15 +0000

STEP 1:Create a three tier web Architecture or Take a three tier architecture from this link:https://github.com/aws-samples/aws-three-tier-web-architecture-workshop

Step 2:Create a bucket with a unique name.

STEP 3:Add a role by choosing the below two permission policies.

STEP 4:Create a vpc.

STEP 5:create 6 subnet.

STEP 6:CREATE a internet gateway.

STEP 7:allocate elastic ip.

STEP 8:create nat 2 gateway.

STEP 9:Create route table.

STEP 10:Attach internet gateway to your vpc.

STEP 11:Add routes.

STEP 12:Save associations.

STEP 13:create private subnet.

STEP 14:Update the routes of private route table az 1 and 2

STEP 15:update subnet associations for Private route table 1 and 2

STEP 16:Create a security group for web tier.

STEP 17:Create another security group for internal load balancer.

STEP 18:Create a security group for private instance with inbound rules with custom sg.

STEP 19:Create a security group for database with the specified inbound rules.

STEP 20:Create a DB subnet group for our vpc.

STEP 21:Now create a DataBase

Hosting React application using s3 and cloudfront

S Bhavi Vishnu — Thu, 23 Jan 2025 09:05:17 +0000

STEP 1:
1.1:check node and npmis already installed or not.if not, install npm and node.
1.2: Create a new project with vite build command ,Enter your project name
1.3:Select framework "REACT".
1.4:Select a varient "TYPESCRIPT".
1.5:Now run the above three commands.

STEP 2:Check localhost:5173

STEP 3:Now our react spplication is created successfully.

STEP 4:Open the project in vs code then run the command "npm run build".This command compiles and bundles your source code and placed in a directory dist.
STEP 5:Create a bucket with unique name.

STEP 6:enable static web hosting.

STEP 7:Add bucket policy.

STEP 8:Now upload the files and folders from the dist folder in your bucket.

STEP 9:Go to properties,scroll down,you can find bucket website endpoint,then click it.

STEP 10:our react application is hosted in s3.

STEP 11:Now create a cloudfront distribution for hosting a react application.

STEP 12:Copy the distribution domain name and paste it in a new tab.Now we can see the same result.

STEP 13:Finally delete the cloud front distribution.

AWS APPSYNC

S Bhavi Vishnu — Wed, 22 Jan 2025 16:55:48 +0000

Amazon AppSync: Real-Time Data at Scale for Modern Applications

Service Overview

Service Name: Amazon AppSync

Logo:

Tagline: "Amazon AppSync: Build Scalable, Real-Time APIs for Your Applications."

Amazon AppSync is a managed service that makes it easy to develop GraphQL APIs for modern apps, enabling seamless data access, real-time updates, and offline functionality.

Key Features

GraphQL API Management:

Easily build, deploy, and scale GraphQL APIs that fetch data from multiple sources like databases and APIs.
Real-Time Updates:

Automatically push updates to connected clients in real-time, ideal for chat applications, live dashboards, and collaborative tools.
Offline Data Synchronization:

Support offline functionality by caching and syncing data when users regain connectivity.
AWS Integration:

Integrates seamlessly with AWS services like DynamoDB, Lambda, RDS, Elasticsearch, and more for backend operations.
Fine-Grained Access Control:

Implement robust security with AWS Identity and Access Management (IAM), Cognito, and API keys for role-based access.
Flexible Data Sources:

Combine data from multiple sources into a unified API, enabling powerful queries and mutations.

Technical Specifications:

Regions Supported: Available in 25+ AWS regions worldwide.
Performance: Designed to handle millions of requests per second.
Security: End-to-end encryption and fine-grained access control.
Protocols Supported: GraphQL and WebSocket for real-time data flow.

Use Cases

Real-Time Collaboration Tools:

Applications like shared document editors or live coding platforms leverage AppSync for instantaneous updates across devices.
E-Commerce Platforms:

Synchronize inventory, prices, and orders in real-time to enhance user experience and operational efficiency.
Social Media and Messaging Apps:

Enable real-time chat, notifications, and content feeds.
IoT Applications:

Power dashboards that monitor IoT devices with real-time metrics and updates.
Mobile and Offline Apps:

Provide seamless offline support for apps like task management tools and field service software.

Pricing Model

Amazon AppSync pricing is pay-as-you-go, based on the following:

Query and Mutation Requests: $4 per million operations.
Real-Time Updates: $2 per million connection minutes.
Data Transfer: Standard AWS data transfer rates apply.

Cost-effective for applications of any scale, with a free tier offering 250,000 query or mutation operations and 250,000 connection minutes per month.

Comparison with Similar Services

Feature	Amazon AppSync	Apollo GraphQL	Firebase Realtime Database
Real-Time Updates	Built-in	Requires additional setup	Native
Offline Sync	Supported	Requires custom implementation	Supported
AWS Integration	Seamless	Limited	Not applicable
Pricing Model	Pay-as-you-go	Subscription-based	Pay-as-you-go

While Apollo GraphQL is developer-friendly, it lacks built-in real-time and offline capabilities. Firebase offers excellent real-time updates but lacks GraphQL's flexibility.

Benefits and Challenges

Advantages:

Simplifies backend development with managed GraphQL services.
Reduces latency through real-time updates.
Scales seamlessly with application demands.
Ensures security with AWS-grade compliance.

Challenges:

Learning Curve: Developers unfamiliar with GraphQL may face initial hurdles.
Cost Management: Real-time and large-scale operations can increase costs if not optimized.
Dependency on AWS Ecosystem: Integration with non-AWS services may require additional configuration.

Real-World Example

Case Study: Ticketmaster

Ticketmaster leverages Amazon AppSync to power real-time ticket availability for events. The service synchronizes ticket inventory across platforms, providing users with accurate, up-to-date data. By utilizing AppSync, Ticketmaster improved its system's efficiency, reduced latency, and enhanced the overall user experience.

Conclusion

Amazon AppSync is a robust solution for building scalable, real-time, and offline-capable GraphQL APIs. Its seamless integration with AWS services and advanced features make it an excellent choice for modern applications. Whether you're building a social media app, an e-commerce platform, or an IoT dashboard, AppSync can significantly accelerate development while ensuring top-notch performance.