Deploying Serverless Web Application on AWS: S3, API Gateway, Lambda, DynamoDB, and CloudFront
Vložit
- čas přidán 16. 03. 2024
- In this comprehensive tutorial, you'll learn how to deploy a serverless web application on AWS, leveraging the power of various AWS services. We'll walk through each step, from setting up an S3 bucket to hosting your static web content, configuring API Gateway to trigger Lambda functions for handling GET and POST requests to interact with a DynamoDB database, and finally, securing your application using CloudFront.
Here's a breakdown of what we'll cover:
1. Setting up an S3 Bucket**: We'll create an S3 bucket to host our static web content, including HTML, CSS, and JavaScript files.
2. Configuring API Gateway: You'll learn how to configure API Gateway endpoints to trigger Lambda functions. We'll cover both GET and POST methods to interact with our DynamoDB database.
3. Creating Lambda Functions: We'll write Lambda functions in Python to handle the API Gateway requests. For example, we'll create functions to retrieve data from DynamoDB and insert new data into it.
4. Working with DynamoDB: We'll set up a DynamoDB table to store our data. You'll learn how to define the table schema and perform CRUD operations using Lambda functions.
5. Implementing Secure Connections with CloudFront: To ensure secure access to our web application, we'll deploy CloudFront as a content delivery network (CDN). We'll configure CloudFront to serve our S3 content securely over HTTPS, providing encryption in transit and improving the performance of our application.
By the end of this tutorial, you'll have a fully functional serverless web application deployed on AWS, capable of securely handling user requests, storing data in DynamoDB, and delivering content efficiently using CloudFront.
Join me on this journey to mastering serverless architecture on AWS and take your web development skills to the next level! Don't forget to like, share, and subscribe for more AWS tutorials and tips. Let's dive in!
Support my work: buymeacoffee.com/devopsmaster
SOCIALMEDIA:
Linkedin : / ansarshaik965
Hashnode : hashnode.com/@ansarshaik965
GitHub : github.com/ansarshaik965/AWS-...
Twitter : / ansar9959680907
Thanks For Watching..
![Serverless Web Application on AWS [S3, Lambda, SQS, DynamoDB and API Gateway]](http://i.ytimg.com/vi/BFC16uM15Cg/mqdefault.jpg)
![Eminem - Houdini [Official Music Video]](http://i.ytimg.com/vi/22tVWwmTie8/mqdefault.jpg)
Finnally it works. Thank you for this project.
If your getting error while invoking from website then you must enable cors for your API and then click on deploy api option. In my case i just enable cors but not deployed the api due to which it was not working. When you make any changes, you must deploy it.
Even if you are getting error then enable cloudwatch logs for API. In my case it helps a lot.
Thanks for your input ❤️
Exactly what i needed. No bakwas, directly on point.
Thank you ❤️
Really liked this mini project. Thank you 😊
Thank you ❤️
Thank you so much for this video ❤
Welcome ..Thanks for watching the video ❤️
Thank you it worked 🙌
You’re welcome :)
keep doing more content related to aws man 👏
👍 Sure…Thank you ☺️
Very usefull ❤
❤️👍
Thanks dude.....
You’re Welcome ☺️
Thanks
👍😇
With API invoke url it is working but it is not working from website.
I got an error while testing the Lambda function
can u pls show us how to upload file to AWSs3 using lambda function
Helpfull
Could you please video using Ansible and Terraform with CI/CD pipepline for same application
Sure
Hi there! First of all, thank you so much for the video, it helped me a lot. You're the best mate.
I wanted to ask you if I had a CSV that has columns such as 'Company name' and 'id' and I wanted to create a search bar that the user would search for any of these two columns and it would get a match or approximate match, is that possible?
The CSV in case I'm getting it via this URL, is updated daily, it contains hedge funds in Brazil, therefore it's updated daily with info such as the fund's name, value, and so on.
I tried reaching out to you via the link you left in the comment below, but I couldn't find your LinkedIn.
Thanks again, mate.
Thanks.
Step 3 to trigger it from the website is not working. No errors. It just doesnt do anything.
The test is working from Lambda and from the API gateway.
Any suggestions are welcome.
Check whether api is correctly copied in scripts or not
can we do the same thing using EC2 as well? if Yes can you do a video on it as well? Thanks!
Sure❤️
With API invoke URL its working but its not working from website.
I gave invoke URL in scripts.js file.
Ansar, please if there is any error in scripts.js file.
Troubleshoot by placing “url“ in both GET and POST requests in scripts.js rather then using global variable (“API_ENDPOINT”) , try it once!
Thanks for watching ❤️
I get error i dont know why
What kind of error?
cannot view student all student data on the web site page
Check API ENDPOINT is properly configured or not in scripts.js
@@DevOpsMaster-un3mseverything is perfect but still it is not adding on dynamodb or view all the data on website.
I can add via that test lambda but not from frontend
It give error in response
Check f API ENDPOINT configuration in scripts.js
How to learn aws for free if the free tier is over?
Create another account with new email ..Even though you’re using free tier account, on the process of learning new services you will be charged for some services which are not in free tier..
The git repository contains virus
No!
just a reminder to delete aws services after use since it wil be charged
👍
For free tier also??
@@amogu_07 No , for free tier aws account you won’t get charged for this project . Why because Amazon will charged based on number of requests or events done to lambda function but for free tier it will be free because you are not going exceed the limit.
By the way thanks for watching 😊
Why it is not working in my case
Hie Ansar Thank you so much for the video... Nice explanation 🔥👌🏻👌🏻
You got 150th subscriber 😺
I want to connect with you personally is there any source..I have some doubts.. Do you have a Telegram channel?
First of all thank you for watching video 😇, sure this is my linkedin profile, if you have any doubt related to project you can dm me (www.linkedin.com/in/ansarshaik965)
@@DevOpsMaster-un3ms yeah sure.