{"id":3899,"date":"2023-11-04T23:13:55","date_gmt":"2023-11-04T23:13:55","guid":{"rendered":"http:\/\/localhost:10003\/building-serverless-web-applications-using-amazon-api-gateway\/"},"modified":"2023-11-05T05:48:28","modified_gmt":"2023-11-05T05:48:28","slug":"building-serverless-web-applications-using-amazon-api-gateway","status":"publish","type":"post","link":"http:\/\/localhost:10003\/building-serverless-web-applications-using-amazon-api-gateway\/","title":{"rendered":"Building serverless web applications using Amazon API Gateway"},"content":{"rendered":"<p>Have you ever wondered if there was an easier way to build web applications without having to worry about setting up and maintaining servers? Look no further than serverless web applications using Amazon API Gateway. In this tutorial, we will show you how to create a serverless web application using Amazon API Gateway.<\/p>\n<h2>Overview<\/h2>\n<p>Amazon API Gateway is a fully managed service that makes it easy for developers to create, publish, maintain, monitor, and secure APIs at any scale. Amazon API Gateway acts as a \u201cfront door\u201d for your web application and handles the routing of incoming HTTP requests to the appropriate function within your Amazon Web Services (AWS) account.<\/p>\n<h2>Prerequisites<\/h2>\n<p>Before we get started, you will need to have the following prerequisites:<\/p>\n<ul>\n<li>An AWS account<\/li>\n<li>Basic understanding of AWS services (e.g. AWS Lambda, AWS IAM, AWS S3)<\/li>\n<li>A text editor<\/li>\n<li>A command-line interface (CLI)<\/li>\n<\/ul>\n<h2>Step 1: Create an AWS Lambda Function<\/h2>\n<p>The first step in building a serverless web application using Amazon API Gateway is to create an AWS Lambda function. AWS Lambda lets you run code without provisioning or managing servers. You only pay for the compute time you consume \u2013 there is no charge when your code is not running.<\/p>\n<ol>\n<li>Log in to your AWS account<\/li>\n<li>Go to the AWS Lambda console<\/li>\n<li>Click the \u201cCreate Function\u201d button in the top right corner<\/li>\n<li>Choose \u201cAuthor from scratch\u201d<\/li>\n<li>Give your function a name<\/li>\n<li>Choose a runtime (e.g. Node.js)<\/li>\n<li>Under \u201cPermissions\u201d, choose \u201cCreate a new role with basic Lambda permissions\u201d<\/li>\n<li>Click \u201cCreate Function\u201d<\/li>\n<\/ol>\n<p>Congratulations, you have just created an AWS Lambda function!<\/p>\n<h2>Step 2: Create an Amazon API Gateway API<\/h2>\n<p>The next step in building a serverless web application using Amazon API Gateway is to create an API. An API (Application Programming Interface) is a set of rules and protocols that allow different software applications to communicate with each other.<\/p>\n<ol>\n<li>Go to the Amazon API Gateway console<\/li>\n<li>Click the \u201cCreate API\u201d button<\/li>\n<li>Choose \u201cREST API\u201d<\/li>\n<li>Choose \u201cNew API\u201d<\/li>\n<li>Give your API a name<\/li>\n<li>Click \u201cCreate API\u201d<\/li>\n<\/ol>\n<p>Congratulations, you have just created an Amazon API Gateway API!<\/p>\n<h2>Step 3: Create a Resource<\/h2>\n<p>The third step in building a serverless web application using Amazon API Gateway is to create a resource. A resource is a logical entity in your API that can be accessed using a URL path.<\/p>\n<ol>\n<li>Click the \u201cCreate Resource\u201d button<\/li>\n<li>Give your resource a name<\/li>\n<li>Click \u201cCreate Resource\u201d<\/li>\n<\/ol>\n<p>Congratulations, you have just created a resource!<\/p>\n<h2>Step 4: Create a Method<\/h2>\n<p>The fourth step in building a serverless web application using Amazon API Gateway is to create a method. A method is an HTTP request that is associated with a resource.<\/p>\n<ol>\n<li>Click the \u201cCreate Method\u201d button<\/li>\n<li>Choose the HTTP method (e.g. GET, POST)<\/li>\n<li>Choose the integration type (e.g. Lambda)<\/li>\n<li>Choose the AWS region where your Lambda function was created<\/li>\n<li>Choose the Lambda function you created in Step 1<\/li>\n<li>Click \u201cSave\u201d<\/li>\n<\/ol>\n<p>Congratulations, you have just created a method!<\/p>\n<h2>Step 5: Deploy Your API<\/h2>\n<p>The fifth step in building a serverless web application using Amazon API Gateway is to deploy your API. When you deploy an API, Amazon API Gateway creates a new version of the API and deploys it to a stage.<\/p>\n<ol>\n<li>Click the \u201cActions\u201d dropdown<\/li>\n<li>Choose \u201cDeploy API\u201d<\/li>\n<li>Choose \u201cNew Stage\u201d<\/li>\n<li>Give your stage a name (e.g. prod)<\/li>\n<li>Click \u201cDeploy\u201d<\/li>\n<\/ol>\n<p>Congratulations, you have just deployed your API!<\/p>\n<h2>Step 6: Test Your API<\/h2>\n<p>The final step in building a serverless web application using Amazon API Gateway is to test your API. You can test your API by sending an HTTP request to the URL of the deployed API stage.<\/p>\n<ol>\n<li>Click the \u201cStages\u201d dropdown<\/li>\n<li>Click on the name of the stage you just created (e.g. prod)<\/li>\n<li>Copy the \u201cInvoke URL\u201d<\/li>\n<li>Open a new terminal window<\/li>\n<li>Type the following command: <code>curl &lt;Invoke URL&gt;<\/code><\/li>\n<li>Press enter<\/li>\n<\/ol>\n<p>Congratulations, you have just tested your API!<\/p>\n<h2>Conclusion<\/h2>\n<p>In this tutorial, we showed you how to create a serverless web application using Amazon API Gateway. We started by creating an AWS Lambda function, then created an Amazon API Gateway API, a resource, a method, and finally deployed and tested our API. With this knowledge, you can now start building your own serverless web applications using Amazon API Gateway.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Have you ever wondered if there was an easier way to build web applications without having to worry about setting up and maintaining servers? Look no further than serverless web applications using Amazon API Gateway. In this tutorial, we will show you how to create a serverless web application using <a href=\"http:\/\/localhost:10003\/building-serverless-web-applications-using-amazon-api-gateway\/\" class=\"btn btn-link continue-link\">Continue Reading<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_import_markdown_pro_load_document_selector":0,"_import_markdown_pro_submit_text_textarea":"","footnotes":""},"categories":[1],"tags":[201,202,30,203,49,200],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v21.5 (Yoast SEO v21.5) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Building serverless web applications using Amazon API Gateway - Pantherax Blogs<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/localhost:10003\/building-serverless-web-applications-using-amazon-api-gateway\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Building serverless web applications using Amazon API Gateway\" \/>\n<meta property=\"og:description\" content=\"Have you ever wondered if there was an easier way to build web applications without having to worry about setting up and maintaining servers? Look no further than serverless web applications using Amazon API Gateway. In this tutorial, we will show you how to create a serverless web application using Continue Reading\" \/>\n<meta property=\"og:url\" content=\"http:\/\/localhost:10003\/building-serverless-web-applications-using-amazon-api-gateway\/\" \/>\n<meta property=\"og:site_name\" content=\"Pantherax Blogs\" \/>\n<meta property=\"article:published_time\" content=\"2023-11-04T23:13:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-05T05:48:28+00:00\" \/>\n<meta name=\"author\" content=\"Panther\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Panther\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\n\t    \"@context\": \"https:\/\/schema.org\",\n\t    \"@graph\": [\n\t        {\n\t            \"@type\": \"Article\",\n\t            \"@id\": \"http:\/\/localhost:10003\/building-serverless-web-applications-using-amazon-api-gateway\/#article\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"http:\/\/localhost:10003\/building-serverless-web-applications-using-amazon-api-gateway\/\"\n\t            },\n\t            \"author\": {\n\t                \"name\": \"Panther\",\n\t                \"@id\": \"http:\/\/localhost:10003\/#\/schema\/person\/b63d816f4964b163e53cbbcffaa0f3d7\"\n\t            },\n\t            \"headline\": \"Building serverless web applications using Amazon API Gateway\",\n\t            \"datePublished\": \"2023-11-04T23:13:55+00:00\",\n\t            \"dateModified\": \"2023-11-05T05:48:28+00:00\",\n\t            \"mainEntityOfPage\": {\n\t                \"@id\": \"http:\/\/localhost:10003\/building-serverless-web-applications-using-amazon-api-gateway\/\"\n\t            },\n\t            \"wordCount\": 704,\n\t            \"publisher\": {\n\t                \"@id\": \"http:\/\/localhost:10003\/#organization\"\n\t            },\n\t            \"keywords\": [\n\t                \"\\\"Amazon API Gateway\\\"\",\n\t                \"\\\"AWS\\\"\",\n\t                \"\\\"cloud computing\\\"\",\n\t                \"\\\"serverless architecture\\\"\",\n\t                \"\\\"Web development\\\"\",\n\t                \"[\\\"Building serverless web applications\\\"\"\n\t            ],\n\t            \"inLanguage\": \"en-US\"\n\t        },\n\t        {\n\t            \"@type\": \"WebPage\",\n\t            \"@id\": \"http:\/\/localhost:10003\/building-serverless-web-applications-using-amazon-api-gateway\/\",\n\t            \"url\": \"http:\/\/localhost:10003\/building-serverless-web-applications-using-amazon-api-gateway\/\",\n\t            \"name\": \"Building serverless web applications using Amazon API Gateway - Pantherax Blogs\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"http:\/\/localhost:10003\/#website\"\n\t            },\n\t            \"datePublished\": \"2023-11-04T23:13:55+00:00\",\n\t            \"dateModified\": \"2023-11-05T05:48:28+00:00\",\n\t            \"breadcrumb\": {\n\t                \"@id\": \"http:\/\/localhost:10003\/building-serverless-web-applications-using-amazon-api-gateway\/#breadcrumb\"\n\t            },\n\t            \"inLanguage\": \"en-US\",\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"ReadAction\",\n\t                    \"target\": [\n\t                        \"http:\/\/localhost:10003\/building-serverless-web-applications-using-amazon-api-gateway\/\"\n\t                    ]\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"BreadcrumbList\",\n\t            \"@id\": \"http:\/\/localhost:10003\/building-serverless-web-applications-using-amazon-api-gateway\/#breadcrumb\",\n\t            \"itemListElement\": [\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 1,\n\t                    \"name\": \"Home\",\n\t                    \"item\": \"http:\/\/localhost:10003\/\"\n\t                },\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 2,\n\t                    \"name\": \"Building serverless web applications using Amazon API Gateway\"\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"WebSite\",\n\t            \"@id\": \"http:\/\/localhost:10003\/#website\",\n\t            \"url\": \"http:\/\/localhost:10003\/\",\n\t            \"name\": \"Pantherax Blogs\",\n\t            \"description\": \"\",\n\t            \"publisher\": {\n\t                \"@id\": \"http:\/\/localhost:10003\/#organization\"\n\t            },\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"SearchAction\",\n\t                    \"target\": {\n\t                        \"@type\": \"EntryPoint\",\n\t                        \"urlTemplate\": \"http:\/\/localhost:10003\/?s={search_term_string}\"\n\t                    },\n\t                    \"query-input\": \"required name=search_term_string\"\n\t                }\n\t            ],\n\t            \"inLanguage\": \"en-US\"\n\t        },\n\t        {\n\t            \"@type\": \"Organization\",\n\t            \"@id\": \"http:\/\/localhost:10003\/#organization\",\n\t            \"name\": \"Pantherax Blogs\",\n\t            \"url\": \"http:\/\/localhost:10003\/\",\n\t            \"logo\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"en-US\",\n\t                \"@id\": \"http:\/\/localhost:10003\/#\/schema\/logo\/image\/\",\n\t                \"url\": \"http:\/\/localhost:10003\/wp-content\/uploads\/2023\/11\/cropped-9e7721cb-2d62-4f72-ab7f-7d1d8db89226.jpeg\",\n\t                \"contentUrl\": \"http:\/\/localhost:10003\/wp-content\/uploads\/2023\/11\/cropped-9e7721cb-2d62-4f72-ab7f-7d1d8db89226.jpeg\",\n\t                \"width\": 1024,\n\t                \"height\": 1024,\n\t                \"caption\": \"Pantherax Blogs\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"http:\/\/localhost:10003\/#\/schema\/logo\/image\/\"\n\t            }\n\t        },\n\t        {\n\t            \"@type\": \"Person\",\n\t            \"@id\": \"http:\/\/localhost:10003\/#\/schema\/person\/b63d816f4964b163e53cbbcffaa0f3d7\",\n\t            \"name\": \"Panther\",\n\t            \"image\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"en-US\",\n\t                \"@id\": \"http:\/\/localhost:10003\/#\/schema\/person\/image\/\",\n\t                \"url\": \"http:\/\/2.gravatar.com\/avatar\/b8c0eda5a49f8f31ec32d0a0f9d6f838?s=96&d=mm&r=g\",\n\t                \"contentUrl\": \"http:\/\/2.gravatar.com\/avatar\/b8c0eda5a49f8f31ec32d0a0f9d6f838?s=96&d=mm&r=g\",\n\t                \"caption\": \"Panther\"\n\t            },\n\t            \"sameAs\": [\n\t                \"http:\/\/localhost:10003\"\n\t            ],\n\t            \"url\": \"http:\/\/localhost:10003\/author\/pepethefrog\/\"\n\t        }\n\t    ]\n\t}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Building serverless web applications using Amazon API Gateway - Pantherax Blogs","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"http:\/\/localhost:10003\/building-serverless-web-applications-using-amazon-api-gateway\/","og_locale":"en_US","og_type":"article","og_title":"Building serverless web applications using Amazon API Gateway","og_description":"Have you ever wondered if there was an easier way to build web applications without having to worry about setting up and maintaining servers? Look no further than serverless web applications using Amazon API Gateway. In this tutorial, we will show you how to create a serverless web application using Continue Reading","og_url":"http:\/\/localhost:10003\/building-serverless-web-applications-using-amazon-api-gateway\/","og_site_name":"Pantherax Blogs","article_published_time":"2023-11-04T23:13:55+00:00","article_modified_time":"2023-11-05T05:48:28+00:00","author":"Panther","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Panther","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"http:\/\/localhost:10003\/building-serverless-web-applications-using-amazon-api-gateway\/#article","isPartOf":{"@id":"http:\/\/localhost:10003\/building-serverless-web-applications-using-amazon-api-gateway\/"},"author":{"name":"Panther","@id":"http:\/\/localhost:10003\/#\/schema\/person\/b63d816f4964b163e53cbbcffaa0f3d7"},"headline":"Building serverless web applications using Amazon API Gateway","datePublished":"2023-11-04T23:13:55+00:00","dateModified":"2023-11-05T05:48:28+00:00","mainEntityOfPage":{"@id":"http:\/\/localhost:10003\/building-serverless-web-applications-using-amazon-api-gateway\/"},"wordCount":704,"publisher":{"@id":"http:\/\/localhost:10003\/#organization"},"keywords":["\"Amazon API Gateway\"","\"AWS\"","\"cloud computing\"","\"serverless architecture\"","\"Web development\"","[\"Building serverless web applications\""],"inLanguage":"en-US"},{"@type":"WebPage","@id":"http:\/\/localhost:10003\/building-serverless-web-applications-using-amazon-api-gateway\/","url":"http:\/\/localhost:10003\/building-serverless-web-applications-using-amazon-api-gateway\/","name":"Building serverless web applications using Amazon API Gateway - Pantherax Blogs","isPartOf":{"@id":"http:\/\/localhost:10003\/#website"},"datePublished":"2023-11-04T23:13:55+00:00","dateModified":"2023-11-05T05:48:28+00:00","breadcrumb":{"@id":"http:\/\/localhost:10003\/building-serverless-web-applications-using-amazon-api-gateway\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["http:\/\/localhost:10003\/building-serverless-web-applications-using-amazon-api-gateway\/"]}]},{"@type":"BreadcrumbList","@id":"http:\/\/localhost:10003\/building-serverless-web-applications-using-amazon-api-gateway\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"http:\/\/localhost:10003\/"},{"@type":"ListItem","position":2,"name":"Building serverless web applications using Amazon API Gateway"}]},{"@type":"WebSite","@id":"http:\/\/localhost:10003\/#website","url":"http:\/\/localhost:10003\/","name":"Pantherax Blogs","description":"","publisher":{"@id":"http:\/\/localhost:10003\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/localhost:10003\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"http:\/\/localhost:10003\/#organization","name":"Pantherax Blogs","url":"http:\/\/localhost:10003\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/localhost:10003\/#\/schema\/logo\/image\/","url":"http:\/\/localhost:10003\/wp-content\/uploads\/2023\/11\/cropped-9e7721cb-2d62-4f72-ab7f-7d1d8db89226.jpeg","contentUrl":"http:\/\/localhost:10003\/wp-content\/uploads\/2023\/11\/cropped-9e7721cb-2d62-4f72-ab7f-7d1d8db89226.jpeg","width":1024,"height":1024,"caption":"Pantherax Blogs"},"image":{"@id":"http:\/\/localhost:10003\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"http:\/\/localhost:10003\/#\/schema\/person\/b63d816f4964b163e53cbbcffaa0f3d7","name":"Panther","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/localhost:10003\/#\/schema\/person\/image\/","url":"http:\/\/2.gravatar.com\/avatar\/b8c0eda5a49f8f31ec32d0a0f9d6f838?s=96&d=mm&r=g","contentUrl":"http:\/\/2.gravatar.com\/avatar\/b8c0eda5a49f8f31ec32d0a0f9d6f838?s=96&d=mm&r=g","caption":"Panther"},"sameAs":["http:\/\/localhost:10003"],"url":"http:\/\/localhost:10003\/author\/pepethefrog\/"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/posts\/3899"}],"collection":[{"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/comments?post=3899"}],"version-history":[{"count":1,"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/posts\/3899\/revisions"}],"predecessor-version":[{"id":4635,"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/posts\/3899\/revisions\/4635"}],"wp:attachment":[{"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/media?parent=3899"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/categories?post=3899"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/tags?post=3899"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}