在本教學課程中,您將建立一個簡單的無伺服器 Web 應用程式,讓使用者能夠要求試騎 Wild Rydes 的獨角獸。應用程式將呈現給使用者一個 HTML 型使用者界面,指出他們想要在其中進行挑選,以及將在後端與 RESTful Web 服務互動,以提交請求並分派附近獨角獸的位置。這個應用程式還將提供一些功能,方便使用者註冊該服務,並在要求試騎之前登入。

應用程式架構使用 AWS LambdaAmazon API GatewayAmazon DynamoDBAmazon CognitoAWS Amplify 主控台。Amplify 主控台提供持續部署並託管各種靜態 Web 資源,包括 HTML、CSS、JavaScript,以及在使用者瀏覽器中載入的影像檔案。瀏覽器中執行的 JavaScript 會傳送和接收公有後端 API 中使用 Lambda 和 API Gateway 建置的資料。Amazon Cognito 提供使用者管理和身份驗證功能,以保護後端 API。最後,DynamoDB 提供一個持久層,API 的 Lambda 函數可在其中存放資料。

Serverless_Architecture
Serverless_Web_App_LP_assets-18

靜態 Web 託管

AWS Amplify 託管靜態 Web 資源,包括 HTML、CSS、JavaScript,以及使用者瀏覽器中載入的影像檔。

Serverless_Web_App_LP_assets-19

使用者管理

Amazon Cognito 提供使用者管理和身份驗證功能,以保護後端 API。

Serverless_Web_App_LP_assets-20

無伺服器後端

Amazon DynamoDB 提供一個持久層,API 的 Lambda 函數可在其中存放資料。

Serverless_Web_App_LP_assets-21

RESTful API

瀏覽器中執行的 JavaScript 會傳送和接收公有後端 API 中使用 Lambda 和 API Gateway 建置的資料。

本研討會分成五個單元。每個單元將介紹我們將要建置的場景以及逐步指示,以協助您實作架構並驗證工作。
  1. 靜態 Web 託管
  2. 使用者管理
  3. 無伺服器後端
  4. RESTful API
  5. 資源終止和後續步驟

AWS 體驗:初學者

完成時間:2 小時

完成費用:本架構中使用的每一種服務都符合 AWS 免費方案資格。如果超出免費方案的用量限制,則完成本教學課程的費用不到 0.25 USD*。
 
先決條件:若要完成本教學課程,您將需要以下項目:
  • 一個 AWS 帳戶**
  • 文字編輯器
  • 建議的瀏覽器:最新版的 Chrome

*此預估費用假設您在整個教學課程中遵循建議的組態,並在 24 小時內終止所有資源。

**過去 24 小時內建立的帳戶可能尚未有權存取本教學課程所需的資源。