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

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

# 單頁應用程式
<a name="single-page-application"></a>

![\[AWS architecture diagram showing interactions between services like CloudFront, S3, Lambda, and DynamoDB.\]](http://docs.aws.amazon.com/zh_tw/whitepapers/latest/serverless-multi-tier-architectures-api-gateway-lambda/images/single-page-application.png)


* 無伺服器單頁應用程式的架構模式 *

* 表 2 - 單頁應用程式元件 *


|  層  |  元件  | 
| --- | --- | 
|  簡報  |   Amazon S3 中託管的靜態網站內容，由 CloudFront 分發。  AWS Certificate Manager 允許使用自訂 SSL/TLS 憑證。  | 
|  Logic (邏輯)  |   搭配 的 API Gateway AWS Lambda。  此架構顯示三個公開的服務 (`/tickets`、 `/shows`和 `/info`)。API Gateway 端點由 Lambda 授權方保護。在此方法中，使用者透過第三方身分提供者登入，並取得存取權和 ID 字符。這些字符包含在 API Gateway 呼叫中，Lambda 授權方會驗證這些字符並產生包含 API 啟動許可的 IAM 政策。  每個 Lambda 函數都會指派自己的 IAM 角色，以提供適當資料來源的存取權。  | 
|  資料  |   Amazon DynamoDB 用於 `/tickets`和 `/shows`服務。  `/shows` 服務會使用 Amazon ElastiCache 來改善資料庫效能。快取遺漏會傳送至 DynamoDB。  Amazon S3 用於託管 使用的靜態內容`/info service`。  |