

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

# Amazon CloudFront ディストリビューションを使用して静的なウェブサイトを提供する
<a name="getting-started-cloudfront-overview"></a>

このチュートリアルでは、Amazon Route 53 を使用してドメインの DNS トラフィックを静的ウェブサイトを提供する Amazon CloudFront ディストリビューションにルーティングする方法について説明します。ドメインとサブドメインを CloudFront ディストリビューションにポイントするエイリアスレコードを作成します。

このチュートリアルは、完全な静的ウェブサイト設定ワークフローの一部です。任意の CloudFront ディストリビューションへのトラフィックのルーティングに関する一般的な情報については、「[ドメイン名を使用したトラフィックの Amazon CloudFront ディストリビューションへのルーティング](routing-to-cloudfront-distribution.md)」を参照してください。

完了すると、訪問者は CloudFront が提供する HTTPS セキュリティでカスタムドメイン名を使用してウェブサイトにアクセスできます。

## 前提条件
<a name="getting-started-prerequisites-cloudfront"></a>

開始する前に、以下のステップを完了します。
+ 「[Amazon Route 53 を設定する](setting-up-route-53.md)」のステップを完了します。
+ Amazon Route 53 を使用してドメイン名を登録します。詳細については、「[新しいドメインの登録](domain-register.md)」を参照してください。
+ Amazon CloudFront と Amazon Simple Storage Service を使用して、安全な静的ウェブサイトを作成します。完全な手順については、*Amazon CloudFront デベロッパーガイド*の「[安全な静的ウェブサイトの使用開始](https://docs.aws.amazon.com/AmazonCloudFront/latest/DeveloperGuide/getting-started-secure-static-website-cloudformation-template.html)」を参照してください。

Amazon CloudFront チュートリアルを完了すると、次のようになります。
+ のドメインの SSL/TLS 証明書 AWS Certificate Manager
+ ウェブサイトホスティングおよびリダイレクト用に設定された Amazon S3 バケット
+ ルートドメインとサブドメインの両方の CloudFront ディストリビューション

## ステップ 1: ドメインの DNS トラフィックを CloudFront ディストリビューションにルーティングする
<a name="getting-started-cloudfront-create-alias"></a>

ウェブサイトの Amazon CloudFront ディストリビューションを作成したので、Amazon Route 53 を使用してドメインの DNS トラフィックをディストリビューションにルーティングします。これにより、訪問者はカスタムドメイン名を使用してウェブサイトにアクセスできます。

CloudFront ディストリビューションへのトラフィックのルーティングの詳細については、「[ドメイン名を使用したトラフィックの Amazon CloudFront ディストリビューションへのルーティング](routing-to-cloudfront-distribution.md)」を参照してください。<a name="getting-started-cloudfront-create-alias-procedure"></a>

**トラフィックをウェブサイトにルーティングするには**

1. Route 53 コンソール ([https://console.aws.amazon.com/route53/](https://console.aws.amazon.com/route53/)) を開きます。

1. ナビゲーションペインで [**Hosted zones**] を選択します。
**注記**  
ドメインを登録すると、同名のホストゾーンが、Amazon Route 53 によって自動的に作成されます。ホストゾーンには、ドメインのトラフィックを Route 53 がどのようにルーティングするかに関する情報が含まれています。

1. ホストゾーンリストから、ドメインの名前を選択します。

1. [**Create record (レコードを作成)**] を選択します。

1. 次の値を指定します。  
**レコード名**  
サブドメインレコードには、「**www**」と入力します。  
**レコードタイプ**  
A **を選択 - トラフィックを IPv4 アドレスと一部の AWS リソースにルーティングします**。  
**エイリアス**  
**エイリアス**をオンにします。  
**トラフィックのルーティング先**  
[**Alias to CloudFront distribution**] (CloudFront ディストリビューションへのエイリアス) を選択します。  
[us-east-1 Region] (us-east-1 リージョン) を選択します。  
CloudFront ディストリビューションを選択します。ディストリビューション名は、CloudFront コンソールの [**Domain name**] (ドメイン名) 列に表示されている名前と一致する必要があります (例えば、`dddjjjkkk.cloudfront.net`)。  
**ターゲットの正常性の評価**  
デフォルト値の [**No**] をそのまま使用します。

1. **[レコードを作成]** を選択します。

**ルートドメインのエイリアスレコードを追加するには (`example.com`)**

ルートドメインのエイリアスレコードをさらに追加して、そのレコードがトラフィックを `www.example.com` にリダイレクトする CloudFront ディストリビューションを指すようにします。

1. [**Create record (レコードを作成)**] を選択します。

1. 次の値を指定します。  
**レコード名**  
ルートドメインのレコードを作成するには、空白のままにします。  
**レコードタイプ**  
A **を選択 - トラフィックを IPv4 アドレスと一部の AWS リソースにルーティングします**。  
**エイリアス**  
**エイリアス**をオンにします。  
**トラフィックのルーティング先**  
[**Alias to CloudFront distribution**] (CloudFront ディストリビューションへのエイリアス) を選択します。  
[us-east-1 Region] (us-east-1 リージョン) を選択します。  
ルートドメイン CloudFront ディストリビューションを選択します。  
**ターゲットの正常性の評価**  
デフォルト値の [**No**] をそのまま使用します。

1. **[レコードを作成]** を選択します。

### ステップ 2: ウェブサイトをテストする
<a name="getting-started-cloudfront-test"></a>

ウェブサイトが正常に動作していることを確認するには、ウェブブラウザを開いて以下の URL を入力します。
+ https://www.* ドメイン名* (`www.example.com` など) – *www. ドメイン名* のバケットにあるインデックスドキュメントが表示されます
+ https:// *ドメイン名* (`example.com` など) – リクエストが *www.ドメイン名* のバケットにリダイレクトされます

状況によっては、期待される動作を実現するために、キャッシュの消去が必要になる場合があります。

インターネットトラフィックのルーティングの詳細については、「[DNS サービスとしての Amazon Route 53 の設定](dns-configuring.md)」を参照してください。インターネットトラフィックを AWS リソースにルーティングする方法については、「」を参照してください[インターネットトラフィックを AWS リソースにルーティングする](routing-to-aws-resources.md)。