Serverless Web Application CloudFront, S3, API Gateway, Lambda & DynamoDB | CORS concept API Gateway

แชร์
ฝัง
  • เผยแพร่เมื่อ 27 มี.ค. 2023
  • Hello Dear All, my name is Amit. I am here to give some tips and tricks about cloud learning and some day to day problem solving methods. I'm an professional cloud engineer, working in this fields for 12+ years.
    If you have any queries regarding AWS issues... feel free to reach out to me.
    In this video, I have discussed Serverless Web Application hosting using AWS services.
    Amazon Web Services (AWS) provides a number of services that can be used to host a serverless web application. Here are the steps to follow:
    1. Choose a serverless framework: There are several serverless frameworks available for building web applications. Some popular ones are AWS SAM, Serverless Framework, and ClaudiaJS. These frameworks allow you to write serverless code using your favorite programming language and deploy it to AWS.
    2. Use AWS Lambda for the backend: AWS Lambda is a serverless compute service that runs your code in response to events and automatically manages the underlying compute resources. You can use Lambda to build the backend of your web application.
    3. Use AWS API Gateway for the frontend: AWS API Gateway is a fully managed service that makes it easy for developers to create, publish, maintain, monitor, and secure APIs at any scale. You can use API Gateway to create RESTful APIs that can be used to access your Lambda functions.
    4. Use AWS S3 for static content: AWS S3 is a scalable object storage service that can be used to store and serve static content such as images, videos, and HTML files.
    5. Use AWS CloudFront for content delivery: AWS CloudFront is a global content delivery network (CDN) that can be used to deliver your web application content to users around the world with low latency and high transfer speeds.
    6. Use AWS Route 53 for domain name management: AWS Route 53 is a highly available and scalable cloud domain name system (DNS) web service that can be used to route users to your web application.
    By following these steps, you can easily build and host your serverless web application in AWS.
    Part 1: • Serverless Web Applica...
    Part 2: • Serverless Web Applica...
    Playlist: • Serverless Learning Pl...
    CodeBase: github.com/nspacer/serverless...
    My email Id : beyondthecloud2022@gmail.com
    facebook: / beyondthecloud2022
    Linkedin: / beyondthecloud2023
    #aws #amazonwebservices #software #softwareengineer #developers #clouds #cloudengineer #cloudcomputing #systemdesign #database #programming #fullstack #cloudsecurity #security #fullstacksoftwareengineering #itindustry #engineering #engineer #beyondthecloud #AWSSystemsmanager #AWSdocuments #AWSautomation #s3 #S3sucurity #yamlfile #jsontemplate #python #pythonprogramming #awsec2 #awsec2security #ec2security #instancemetadata #ec2 #awslambda #awsconfig #cloudwatch #dynamodb #awsiam #boto3 #cdk #infrastructure #insfrastructureascode #python #sqs #serverless #sam #awssam #docker #dockercontainer #java #cloudfront #contentdeliverynetwork #awscloudfront
    @BeABetterDev @AWSTutorialsOnline @cluut @TinyTechnicalTutorials @BlockExplorerMedia @nickchapsas @itversity @TechwithLucy @Intellipaat @knowledgeindia @SimplilearnOfficial @TechnicalGuftgu @MachineLearningHub @edurekaIN @in28minutes @CodeWithHarry @QuickSupport @byluckysir
  • วิทยาศาสตร์และเทคโนโลยี

ความคิดเห็น • 54

  • @beyondthecloud
    @beyondthecloud  ปีที่แล้ว

    Please provide your valuable feedback in the comment section. Please like share and subscribe for more upcoming content

    • @Ankur_Singh_AWS
      @Ankur_Singh_AWS 9 หลายเดือนก่อน

      Thanks for creating this project, every step very well explained
      I tried to follow along and after completing I am getting CORS error, although I have enabled CORS in API gateway methods

  • @bepositive6525
    @bepositive6525 ปีที่แล้ว

    Thanks for the three parts.. very informative.

  • @HeyMani92
    @HeyMani92 10 หลายเดือนก่อน

    Thank you Amit for sharing valuable content with us.

  • @qasimmunir5032
    @qasimmunir5032 ปีที่แล้ว

    well explained

  • @sumanthkumar9519
    @sumanthkumar9519 9 หลายเดือนก่อน

    Thank You soo much sir for the video. I request to you please do more videos on the serverless as well as in the two, three tier web application

  • @pupun813
    @pupun813 ปีที่แล้ว

    Thank you

  • @AhmadHassanUetian
    @AhmadHassanUetian 5 หลายเดือนก่อน

    This is very helpful content. Thanks a lot! Can you kindly also make a video on API gateway also how can we achieve the same using the SAM?

  • @sampath853
    @sampath853 ปีที่แล้ว

    sir i have build this project, thank you

    • @beyondthecloud
      @beyondthecloud  ปีที่แล้ว

      Great!! Congratulations!!! You have done a great job!!

  • @choonkeatlow4813
    @choonkeatlow4813 11 หลายเดือนก่อน

    Great one! Very appreciated. Can also create one can upload the employee photo to S3 as well?

    • @beyondthecloud
      @beyondthecloud  11 หลายเดือนก่อน

      Thanks a lot for your comment. Yes of course you can do that but wondering why you will do it. Its confidential data and not recommended to upload in S3. Rather use an encrypted DB.

  • @user-gv9xq4np1q
    @user-gv9xq4np1q 7 หลายเดือนก่อน

    wonderful explanation, i learned a lot on these 3 series. Need to pick your brain though as the very last step wont work for me. After updating the API endpoint in the scripts, uploading it to s3, now back to the cloudfont served html page, on clicking "view all the employee profiles", I get a response of "error". I will highly appreciate your guidance.
    also, I have another ask - can you create a 4th video adding cognito in front please authenticating the user(s) :)

    • @beyondthecloud
      @beyondthecloud  7 หลายเดือนก่อน +1

      Can you send me all the files and the setting in mail that is mentioned in description? I will look into it

    • @user-gv9xq4np1q
      @user-gv9xq4np1q 7 หลายเดือนก่อน

      @@beyondthecloud, hi Amit, I will send you the files and so as my config/screenshots. You are a Legend, Thank You!!!

    • @user-gv9xq4np1q
      @user-gv9xq4np1q 7 หลายเดือนก่อน

      Hi Amit, I recreated the Cloudfront distribution and it started to work. :)

    • @beyondthecloud
      @beyondthecloud  7 หลายเดือนก่อน

      Great!!

  • @amoyardever2815
    @amoyardever2815 4 หลายเดือนก่อน

    Can you please help? after execution, while saving profile -getting "error"...not storing data to dynamoDB

    • @beyondthecloud
      @beyondthecloud  3 หลายเดือนก่อน

      send me the code and files

  • @bond7535
    @bond7535 4 หลายเดือนก่อน

    Helpful containt, can you please share the git repo to get the html, script & lambda code, so that will able to do the hands-on by our own.

  • @user-sn2kb7kg5q
    @user-sn2kb7kg5q 10 หลายเดือนก่อน +1

    Sir i got error msg sir because of lambda function in existing role permission denied sir . Can please tell about how to give the permission of existing role in lambda function.

    • @beyondthecloud
      @beyondthecloud  10 หลายเดือนก่อน

      You can go the lambda role or search the role in IAM and attach the permissions there

  • @nisitasubudhi8252
    @nisitasubudhi8252 2 หลายเดือนก่อน

    Hello... Sir... I am trying to host my own website... (Food ordering application) can u tell me how to write the lambda function for my own website...??

    • @beyondthecloud
      @beyondthecloud  2 หลายเดือนก่อน +1

      Hello, what do you want to achieve with this Lambda function?

    • @nisitasubudhi8252
      @nisitasubudhi8252 2 หลายเดือนก่อน

      I want to manage who are ordering from my website.. like there details... When they order any food through my website ..​@@beyondthecloud

  • @logeshm753
    @logeshm753 9 หลายเดือนก่อน +1

    I am getting error while getting and posting data into Dynamodb.
    My lambda is working well.
    At final stage i am getting error.

    • @beyondthecloud
      @beyondthecloud  7 หลายเดือนก่อน

      Send me the error and all your files

    • @relaxmindspace3174
      @relaxmindspace3174 5 หลายเดือนก่อน

      i am also getting the error at the time of inserting or calling for the data on website. Did u get any resolution for it

    • @amoyardever2815
      @amoyardever2815 4 หลายเดือนก่อน

      Same here...did you solve the problem?

  • @alkhadizadiallo6362
    @alkhadizadiallo6362 2 หลายเดือนก่อน

    After trying everything, I'm getting an error, and I don't know what the problem is because I followed step by step, but it's not working.

  • @aarepatel8046
    @aarepatel8046 2 หลายเดือนก่อน

    sir I cannot view or insert the data on page I did every step you shown

  • @rishabhbhatnagar6795
    @rishabhbhatnagar6795 2 หลายเดือนก่อน

    What about security and authentication

    • @beyondthecloud
      @beyondthecloud  2 หลายเดือนก่อน

      You can do authentication with Lambda @Edge. I want to make a video for it in near future

  • @himanshunimje4771
    @himanshunimje4771 11 หลายเดือนก่อน

    sir phele ky banana hai ye to bta oo sub kuch phele swe bna ke rakha hai, pura confusion ker ke rakh diya

    • @beyondthecloud
      @beyondthecloud  11 หลายเดือนก่อน

      Hello, KIndly check the description of this video. The whole playlist is given and you should watch it one by one. Here is the link as well th-cam.com/play/PL1uOp2xDOxtpPS3s96s0OWIpKlgd7emEM.html

  • @FaizAnsari-kq1hr
    @FaizAnsari-kq1hr 9 หลายเดือนก่อน

    sir i had tried but finding so much errors after taking lambda for insert employee it showing so much error

    • @beyondthecloud
      @beyondthecloud  9 หลายเดือนก่อน

      What is the error that you are getting?

    • @FaizAnsari-kq1hr
      @FaizAnsari-kq1hr 9 หลายเดือนก่อน

      @@beyondthecloud how can I share you screenshot

    • @beyondthecloud
      @beyondthecloud  9 หลายเดือนก่อน

      Send me in mail

    • @FaizAnsari-kq1hr
      @FaizAnsari-kq1hr 9 หลายเดือนก่อน

      @@beyondthecloud okay

    • @ansarshaik4113
      @ansarshaik4113 4 หลายเดือนก่อน

      @@FaizAnsari-kq1hr bro me too getting same error can you please explain how you resolved it.

  • @onkarsureshsuryavanshi7844
    @onkarsureshsuryavanshi7844 ปีที่แล้ว

    getting errors of CORS

    • @beyondthecloud
      @beyondthecloud  ปีที่แล้ว

      Enable the cors in API, you will not receive it anymore

    • @rashanjones6192
      @rashanjones6192 10 หลายเดือนก่อน

      @beyondthecloud Nevermind..figured it out. Great series!!

    • @Ankur_Singh_AWS
      @Ankur_Singh_AWS 9 หลายเดือนก่อน

      Could you please confirm how you figured it out as I am also getting CORS error @@rashanjones6192