Serverless Series - Serverless WebApp - Use Case 1

This blog post will be taking you through the step by step instructions to build Serverless WebApp - Use Case 1 which will cover network diagram, output webpage, steps to create & configure lambda function, configure API Gateway & create S3 static website for hosting webpages.

Network Diagram

Output WebPage

Here is the expected output page for you to work with an end goal in mind!

Create & Configure Lambda Function

Create Lambda function

 Create Lambda Execution Role

Configure Lambda Function

Edit Lambda function

Configure Lambda function

Configure Lambda function 

Add API Gateway Triggers to Lambda function

Configure Trigger

If the deployment Stage do not exist, create one as in next image & then adding API Gateway Trigger

 Configure Trigger

Configure API Gateway method

API Gateway - Remove ANY method

API Gateway - Remove ANY method

API Gateway - Add GET method

Copy the API Gateway URL & browse it to view the output from the Lambda function. If you get the error "message": "Missing Authentication Token", error Deploying the API again will help.

Create Static Website on S3

• Create S3 Bucket – public objects; static website
• Edit index.html to place API Gateway link
• Upload error.html & index.html; make public
• Browse using S3 Static Website end point