AWS 入門

建置無伺服器 Web 應用程式

使用 AWS Lambda、Amazon API Gateway、AWS Amplify、Amazon DynamoDB 和 Amazon Cognito

建置無伺服器 Web 應用程式

單元 4 – 部署 RESTful API

您會使用 Amazon API Gateway 將上個單元中建立的 Lambda 函數公開作為 RESTful API。

概觀

在本單元中,您會使用 Amazon API Gateway 將上個單元中建立的 Lambda 函數公開作為 RESTful API。此 API 將可在公有網際網路上存取。將使用您在前一個單元中建立的 Amazon Cognito 使用者集區來保護它。然後,您會使用此組態,將靜態託管的網站轉換為動態 Web 應用程式,方法為新增用戶端 JavaScript,對公開的 API 進行 AJAX 呼叫。

架構概觀

上圖顯示您將在本單元中建置的 API Gateway 元件如何與您先前建置的元件整合。呈現灰色的項目是您已在先前步驟中實作的項目。

您已在第一個單元中部署的靜態網站已有一個頁面,其設定為與您將在本單元中建置的 API 互動。/ride.html 中的頁面具有簡單的地圖型界面,用於請求乘坐獨角獸。在使用 /signin.html 頁面驗證之後,您的使用者將能夠選取其搭車位置,方法為按一下地圖上的某一點,然後選擇右上角的「Request Unicorn (請求獨角獸)」按鈕來請求乘坐。

本單元將著重於建置 API 之雲端元件所需的步驟,但是,如果您對呼叫此 API 的瀏覽器程式碼如何運作有興趣,則可以檢查網站的 ride.js 檔案。在此情況下,應用程式會使用 jQuery 的 ajax() 方法,來提出遠端請求。

 完成時間

15 分鐘

 使用的服務

實作

這個單元對您是否有幫助?

終止資源