Deploying Serverless Web Application on AWS: S3, API Gateway, Lambda, DynamoDB, and CloudFront

Поділитися
Вставка
  • Опубліковано 16 бер 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..

КОМЕНТАРІ • 52

  • @gunjannimbalkar6325
    @gunjannimbalkar6325 20 днів тому +1

    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.

  • @EasyMysteryExplained
    @EasyMysteryExplained 3 місяці тому +1

    Thank you so much for this video ❤

  • @Tech-xj8kx
    @Tech-xj8kx 2 місяці тому

    Really liked this mini project. Thank you 😊

  • @yugalsinha8400
    @yugalsinha8400 3 місяці тому +2

    Exactly what i needed. No bakwas, directly on point.

  • @seelamshirisha9724
    @seelamshirisha9724 Місяць тому

    Thank you it worked 🙌

  • @pranavdipu
    @pranavdipu 2 місяці тому

    keep doing more content related to aws man 👏

  • @user-qq4or2pg6x
    @user-qq4or2pg6x Місяць тому

    Thanks dude.....

  • @eskutti
    @eskutti 3 місяці тому

    Very usefull ❤

  • @srgrmohan
    @srgrmohan 3 місяці тому

    Thanks

  • @IrfanSyed-sw3ow
    @IrfanSyed-sw3ow 22 дні тому

    With API invoke url it is working but it is not working from website.

  • @regilearn2138
    @regilearn2138 Місяць тому

    can u pls show us how to upload file to AWSs3 using lambda function

  • @bhagyashreeaher7429
    @bhagyashreeaher7429 2 місяці тому

    Helpfull
    Could you please video using Ansible and Terraform with CI/CD pipepline for same application

  • @Djsanddy
    @Djsanddy Місяць тому

    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.

  • @GRavi-gn6vz
    @GRavi-gn6vz 24 дні тому

    I got an error while testing the Lambda function

  • @angeltenshi5103
    @angeltenshi5103 2 місяці тому +1

    can we do the same thing using EC2 as well? if Yes can you do a video on it as well? Thanks!

  • @SYEDIRFAN11
    @SYEDIRFAN11 22 дні тому

    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.

    • @DevOpsMaster-un3ms
      @DevOpsMaster-un3ms  22 дні тому +1

      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 ❤️

  • @gopalmasanpally
    @gopalmasanpally 6 годин тому

    I am not able to save student data and view all students

  • @davidg9469
    @davidg9469 Місяць тому +1

    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.

  • @alkhadizadiallo6362
    @alkhadizadiallo6362 Місяць тому +1

    I get error i dont know why

  • @aarepatel8046
    @aarepatel8046 2 місяці тому

    cannot view student all student data on the web site page

    • @DevOpsMaster-un3ms
      @DevOpsMaster-un3ms  2 місяці тому

      Check API ENDPOINT is properly configured or not in scripts.js

    • @aarepatel8046
      @aarepatel8046 2 місяці тому

      @@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

  • @SARTHAKSHARMA-gz7gf
    @SARTHAKSHARMA-gz7gf 2 місяці тому

    It give error in response

  • @Ro45-ok8rd
    @Ro45-ok8rd 3 місяці тому

    How to learn aws for free if the free tier is over?

    • @DevOpsMaster-un3ms
      @DevOpsMaster-un3ms  3 місяці тому

      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..

  • @rajkiran7247
    @rajkiran7247 2 місяці тому

    just a reminder to delete aws services after use since it wil be charged

    • @DevOpsMaster-un3ms
      @DevOpsMaster-un3ms  2 місяці тому

      👍

    • @amogu_07
      @amogu_07 2 місяці тому

      For free tier also??

    • @DevOpsMaster-un3ms
      @DevOpsMaster-un3ms  2 місяці тому +1

      @@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 😊

  • @dominicnaatey15
    @dominicnaatey15 2 місяці тому +1

    The git repository contains virus

  • @nandkishormetange
    @nandkishormetange Місяць тому

    Why it is not working in my case

  • @dineshmali11429
    @dineshmali11429 3 місяці тому +1

    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?

    • @DevOpsMaster-un3ms
      @DevOpsMaster-un3ms  3 місяці тому

      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)

    • @dineshmali11429
      @dineshmali11429 3 місяці тому

      @@DevOpsMaster-un3ms yeah sure.