# 前提条件
<a name="prerequisites"></a>

このソリューションは、CloudFront または ALB でデプロイされたウェブアプリケーションで動作するように設計されています。これらのリソースのいずれかが設定されていない場合は、このソリューションを起動する前に該当するタスクを完了してください。

## CloudFront ディストリビューションを設定する
<a name="configure-a-cloudfront-distribution"></a>

次の手順に従い、ウェブアプリケーションの静的および動的コンテンツ用に CloudFront でディストリビューションを設定します。詳細な手順については、「[Amazon CloudFront 開発者ガイド](https://docs.aws.amazon.com/AmazonCloudFront/latest/DeveloperGuide/Introduction.html)」を参照してください。

1. CloudFront のウェブアプリケーション用のディストリビューションを作成します。「[ディストリビューションを作成する](https://docs.aws.amazon.com/AmazonCloudFront/latest/DeveloperGuide/distribution-web-creating-console.html)」を参照してください。

1. 静的オリジンおよび動的オリジンを設定します。「[CloudFront ディストリビューションでさまざまなオリジンを使用する](https://docs.aws.amazon.com/AmazonCloudFront/latest/DeveloperGuide/DownloadDistS3AndCustomOrigins.html)」を参照してください。

1. ディストリビューションの動作を指定します。「[ディストリビューションを作成または更新する場合に指定する値](https://docs.aws.amazon.com/AmazonCloudFront/latest/DeveloperGuide/distribution-web-values-specify.html)」を参照してください。
**注記**  
エンドポイントとして `CloudFront` を選択した場合は、米国東部 (バージニア北部) リージョンに WAFV2 リソースを作成する必要があります。

## ALB を設定します
<a name="configure-an-alb"></a>

着信トラフィックをウェブアプリケーションに分散するように ALB を設定するには、「*Application Load Balancer ユーザーガイド*」の「[Application Load Balancer の作成](https://docs.aws.amazon.com/elasticloadbalancing/latest/application/create-application-load-balancer.html)」を参照してください。