

 このホワイトペーパーは過去の参考用です。一部のコンテンツは古く、一部のリンクは使用できない場合があります。

翻訳は機械翻訳により提供されています。提供された翻訳内容と英語版の間で齟齬、不一致または矛盾がある場合、英語版が優先します。

# 単一ページアプリケーション
<a name="single-page-application"></a>

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


* サーバーレスシングルページアプリケーションのアーキテクチャパターン *

* 表 2 - 単一ページのアプリケーションコンポーネント *


|  Tier  |  コンポーネント  | 
| --- | --- | 
|  プレゼンテーション  |   CloudFront によって配信される Amazon S3 でホストされる静的ウェブサイトコンテンツ。  AWS Certificate Manager では、カスタム SSL/TLS 証明書を使用できます。  | 
|  [Logic] (ロジック)  |   API Gateway と AWS Lambda。  このアーキテクチャは、3 つの公開サービス (`/tickets`、`/shows`、) を示しています`/info`。API Gateway エンドポイントは Lambda オーソライザーによって保護されます。この方法では、ユーザーはサードパーティーの ID プロバイダーを介してサインインし、アクセストークンと ID トークンを取得します。これらのトークンは API Gateway 呼び出しに含まれ、Lambda オーソライザーはこれらのトークンを検証し、API 開始アクセス許可を含む IAM ポリシーを生成します。  各 Lambda 関数には、適切なデータソースへのアクセスを提供する独自の IAM ロールが割り当てられます。  | 
|  [データ]  |   Amazon DynamoDB は、 `/tickets`および `/shows`サービスに使用されます。  Amazon ElastiCache は、データベースのパフォーマンスを向上させるために `/shows`サービスによって使用されます。キャッシュミスは DynamoDB に送信されます。  Amazon S3 は、 で使用される静的コンテンツをホストするために使用されます`/info service`。  | 