The preceding diagram shows how API Gateway integrates with the existing components you built previously.
The static website you deployed in the first module already has a page configured to interact with the API you’ll build in this module. The ride route has a simple map-based interface for requesting a unicorn ride. After authenticating using the /signin route, your users select their pickup location by clicking a point on the map and request a ride by choosing the Request Unicorn button in the upper right corner.
This module focuses on the steps required to build the cloud components of the API, but if you’re interested in how the browser code works that calls this API, you can inspect the ride.js source. In this case the application uses jQuery’s ajax() method to make the remote request.
❗️ Ensure you’ve completed the Serverless Backend step before beginning the workshop.
Each of the following sections provides an implementation overview and detailed, step-by-step instructions. The overview should provide enough context for you to complete the implementation if you’re already familiar with the AWS Management Console or if you want to explore the services yourself without following a walkthrough.