此白皮書僅供歷史參考。有些內容可能已過時，有些連結可能無法使用。

本文為英文版的機器翻譯版本，如內容有任何歧義或不一致之處，概以英文版為準。

# Web 應用程式
<a name="web-application"></a>

![](http://docs.aws.amazon.com/zh_tw/whitepapers/latest/serverless-multi-tier-architectures-api-gateway-lambda/images/web-application.png)


* Web 應用程式的架構模式 *

* 表 3 - Web 應用程式元件 *


|  層  |  元件  | 
| --- | --- | 
|  簡報  |  前端應用程式是由 create-react-app 等 React 公用程式所產生的所有靜態內容 (HTML、CSS、JavaScript 和映像）。Amazon CloudFront 託管所有這些物件。使用 Web 應用程式時， 會將所有資源下載到瀏覽器，並從該處開始執行。Web 應用程式會連線至呼叫 APIs後端。 | 
|  Logic (邏輯)  |  邏輯層是使用 API Gateway REST APIs。<br /> 此架構會顯示多個公開的服務。有多個不同的 Lambda 函數，每個函數都會處理應用程式的不同層面。Lambda 函數位於 API Gateway 後方，可使用 API URL 路徑存取。<br />使用者身分驗證是使用 Amazon Cognito 使用者集區或聯合身分使用者提供者處理。API Gateway 使用與 Amazon Cognito 的立即可用整合。只有在使用者經過身分驗證後，用戶端才會收到 JSON Web Token (JWT) 權杖，然後在進行 API 呼叫時應使用該權杖。<br />每個 Lambda 函數都會指派自己的 IAM 角色，以提供適當資料來源的存取權。 | 
|  資料  |  在此特定範例中，DynamoDB 用於資料儲存，但其他專用 Amazon 資料庫或儲存服務可根據使用案例和使用案例使用。 |