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

# 先決條件
<a name="prerequisites"></a>

此解決方案旨在與使用 CloudFront 或 ALB 部署的 Web 應用程式搭配使用。如果您尚未設定其中一個資源，請先完成適用的任務，再啟動此解決方案。

## 設定 CloudFront 分佈
<a name="configure-a-cloudfront-distribution"></a>

完成下列步驟，為您的 Web 應用程式靜態和動態內容設定 CloudFront 分佈。如需詳細說明，請參閱 [Amazon CloudFront 開發人員指南](https://docs.aws.amazon.com/AmazonCloudFront/latest/DeveloperGuide/Introduction.html)。

1. 建立 CloudFront Web 應用程式分佈。請參閱[建立分佈](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 將傳入流量分配至 Web 應用程式，請參閱《[Application Load Balancer 使用者指南》中的建立](https://docs.aws.amazon.com/elasticloadbalancing/latest/application/create-application-load-balancer.html) *Application Load Balancer*。