このホワイトペーパーは過去の参考用です。一部のコンテンツは古く、一部のリンクは使用できない場合があります。
翻訳は機械翻訳により提供されています。提供された翻訳内容と英語版の間で齟齬、不一致または矛盾がある場合、英語版が優先します。
ウェブアプリケーション
ウェブアプリケーションのアーキテクチャパターン
表 3 - ウェブアプリケーションコンポーネント
| Tier | コンポーネント |
|---|---|
| プレゼンテーション |
フロントエンドアプリケーションは、create-react-app などの React ユーティリティによって生成されるすべての静的コンテンツ (HTML、CSS、JavaScript、イメージ) です。Amazon CloudFront は、これらのすべてのオブジェクトをホストします。ウェブアプリケーションを使用すると、すべてのリソースがブラウザにダウンロードされ、そこから実行が開始されます。ウェブアプリケーションは、 APIs を呼び出すバックエンドに接続します。 |
| [Logic] (ロジック) |
ロジックレイヤーは、API Gateway REST APIs。 このアーキテクチャは、複数の公開サービスを示しています。アプリケーションの異なる側面を処理する複数の異なる Lambda 関数があります。Lambda 関数は API Gateway の背後にあり、API URL パスを使用してアクセスできます。 ユーザー認証は、Amazon Cognito ユーザープールまたはフェデレーティッドユーザープロバイダーを使用して処理されます。API Gateway はAmazon Cognito とのすぐに使える統合を使用します。ユーザーが認証された後にのみ、クライアントは JSON Web Token (JWT) トークンを受け取り、API コールを行うときに使用する必要があります。 各 Lambda 関数には、適切なデータソースへのアクセスを提供する独自の IAM ロールが割り当てられます。 |
| [データ] |
この特定の例では、DynamoDB がデータストレージに使用されますが、ユースケースと使用シナリオに応じて、他の専用の Amazon データベースまたはストレージサービスを使用できます。 |
