In this workshop, you will be deploying a completely serverless web application built with AWS services.
If you're attending this workshop at an AWS event, your instructor will provide an overview of the steps involved. There are AWS employees available to help with any of your questions - don't be afraid to ask if you get stuck!
This exciting new theme park, built on the remote island of Isla Sanserver, combines rollercoasters and rides with shows and exhibits. The park is the creation of the billionaire entrepreneur behind Wild Rydes, the unicorn taxi service that sold in 2018. The park will open every day and expects up to 50,000 visitors daily. It's self-guided, using a web application that guests can browse on their smartphones.
The only "slight" problem is that the development team has suddenly left and the park's Grand Opening is today! You only have 2 hours to finish assembling the remaining pieces of the application before the gates open. But don't worry, serverless is at hand! These instructions will guide you through using AWS services to assemble a complete application so you can save the day.
You will be using a micro-services approach to configure a frontend and build a backend serverless application.
The frontend web application consists of an existing JavaScript web application managed with AWS Amplify Console that interfaces with services on the backend. You will only need to make minor changes to a configuration file in the frontend code to complete this workshop.
Amplify Console provides a simple, Git-based workflow for deploying and hosting fullstack serverless web applications. Amplify Console can create both the frontend and backend but for this workshop we will be using Amplify Console for only the frontend.
Amplify will be used to host static web resources including HTML, CSS, JavaScript, and image files which are loaded in the user's browser via S3.
The backend application architecture uses AWS Lambda, Amazon API Gateway, Amazon S3, Amazon DynamoDB, and Amazon Cognito.
JavaScript executed in the frontend browser application sends and receives data from a public backend API built using API Gateway and Lambda. DynamoDB provides a persistence data storage layer which is used by the API's Lambda functions.
See the diagram below for the complete architecture.
After setting up your Cloud9 environment, follow the modules in order:
| Module # | Feature | Description |
|---|---|---|
| 1 | Deploy the App | Deploy the initial frontend and backend applications. |
| 2 | Ride wait times | Integrate your application with the ride systems so guests can see wait times. |
| 3 | Ride photos | Build a photo processing flow so guests can take selfies around the park. |
| 4 | Translation (Bonus) | Help international guests understand the app by adding language translation. |
If you run out of time in the workshop, don't panic! This GitHub repository is public and is available after your workshop ends.
If you are using an account provided at an AWS event, the account will be cleaned up automatically.
If you are using your own AWS account, this workshop uses AWS services that are mostly covered by the Free Tier allowance (if your account is less than 12 months old) but it may incur some costs. To minimize cost, make sure you deprovision and delete those resources when you are finished.
📢 If you leave resources running in your account, you are liable for the costs incurred.
✅ Proceed to the Module 1, where you'll start setting up your application.