# S3 汎用バケットから AWS Amplify ホスティングへの静的ウェブサイトのデプロイ
<a name="website-hosting-amplify"></a>

[AWS Amplify ホスティング](https://docs.aws.amazon.com//amplify/latest/userguide/welcome.html.html)を使用して、S3 に保存されている静的ウェブサイトのコンテンツをホストすることをお勧めします。Amplify ホスティングは、Amazon CloudFront を利用したグローバルに利用可能なコンテンツ配信ネットワーク (CDN) にウェブサイトを簡単にデプロイできるフルマネージドサービスです。これにより、大規模なセットアップなしで安全な静的ウェブサイトホスティングが可能になります。AWS Amplify ホスティングを使用すると、汎用バケット内のオブジェクトの場所を選択して、コンテンツをマネージド CDN にデプロイし、ウェブサイトのパブリック HTTPS URL を生成してどこからでもアクセス可能にすることができます。Amplify ホスティングを使用して静的ウェブサイトをデプロイすると、以下の利点と機能が得られます。
+ **Amazon CloudFront を利用した AWS コンテンツ配信ネットワーク (CDN) へのデプロイ** - CloudFront は、ユーザーへの静的および動的ウェブコンテンツの配信を高速化するウェブサービスです。CloudFront では、エッジロケーションというデータセンターの世界的ネットワークを経由してコンテンツを配信します。CloudFront で提供しているコンテンツをユーザーがリクエストすると、リクエストはレイテンシー (遅延時間) が最小のエッジロケーションにルーティングされるため、コンテンツの配信が可能な限り最高のパフォーマンスとなり、信頼性と可用性が高まります。詳細については、「[Amazon CloudFront デベロッパーガイド](https://docs.aws.amazon.com/AmazonCloudFront/latest/DeveloperGuide/HowCloudFrontWorks.html)」の「*CloudFront がコンテンツを配信する方法*」を参照してください。
+ **HTTPS サポート** - ウェブサイトとユーザーのウェブブラウザとの間で安全な通信とデータ転送を提供します。
+ **カスタムドメイン** - Amazon Route 53 などのドメインレジストラから購入したカスタム URL にウェブサイトを簡単に接続します。
+ **カスタム SSL 証明書** - カスタムドメインを設定するときに、Amplify が自動でプロビジョニングするデフォルトのマネージド証明書を使用することも、選択したサードパーティの認証機関から購入した独自のカスタム証明書を使用することもできます。
+ **組み込みメトリクスと CloudWatch モニタリング** - ウェブサイトのトラフィック、エラー、データ転送、レイテンシーをモニタリングします。
+ **パスワード保護** - Amplify コンソールでユーザー名とパスワードの要件を設定することで、ウェブサイトへのアクセスを制限します。
+ **リダイレクトと書き換え** - Amplify コンソールでリダイレクトと書き換えのルールを作成し、特定の URL から別の URL へのナビゲーションをウェブサーバーで再ルーティングできるようにします。

Amazon S3 汎用バケットから Amplify ホスティングにアプリケーションをデプロイする場合、AWS 料金は Amplify の料金モデルが基準となります。詳細については、[AWS Amplify の料金](https://aws.amazon.com/amplify/pricing/)を参照してください。

**重要**  
Amplify ホスティングは、Amazon S3 が利用可能なすべての AWS リージョンで利用できるわけではありません。静的ウェブサイトを Amplify ホスティングにデプロイするには、ユーザーのウェブサイトを有する Amazon S3 汎用バケットが Amplify が利用可能なリージョンにある必要があります。Amplify が利用可能なリージョンのリストについては、「*Amazon Web Services 全般のリファレンス*」の「[Amplify endpoints](https://docs.aws.amazon.com/general/latest/gr/amplify.html#amplify_region)」を参照してください。

デプロイプロセスは、Amazon S3 コンソール、Amplify コンソール、AWS CLI、または AWS SDK から開始できます。独自のアカウントにある汎用バケットからのみ Amplify にデプロイできます。Amplify はクロスアカウントバケットアクセスをサポートしていません。

次の手順に従って Amazon S3 コンソールから開始し、Amazon S3 汎用バケットから Amplify ホスティングに静的ウェブサイトをデプロイします。

## S3 コンソールから Amplify への静的ウェブサイトのデプロイ
<a name="DeployAmplify"></a>

**Amazon S3 コンソールから静的ウェブサイトをデプロイするには**

1. AWS マネジメントコンソール にサインインし、Amazon S3 コンソール [https://console.aws.amazon.com/s3/](https://console.aws.amazon.com/s3/) を開きます。

1. 左側のナビゲーションペインで、**[バケット]** を選択します。

1. **[バケット]** リストで、Amplify ホスティングにデプロイするウェブサイトが含まれている汎用バケットを選択します。

1. **[プロパティ]** タブを選択します。

1. **[静的ウェブサイトホスティング]** で、**[Amplify アプリを作成]** を選択します。このステップで、デプロイプロセスは Amplify コンソールに移動します。

1. **[S3 によるデプロイ]** ページで、次のいずれかのステップを実行します。

   1. **[アプリ名]** に、アプリまたはウェブサイトの名前を入力します。

   1. **[ブランチ名]** に、アプリのバックエンドの名前を入力します。

   1. **[ホストするオブジェクトの S3 の場所]** で、汎用バケットへのディレクトリパスを入力するか、**[S3 を参照]** を選択して検索および選択します。

1. **[保存してデプロイ]** を選択します。

**注記**  
 Amplify でホストされている汎用バケットで静的ウェブサイトのいずれかのオブジェクトを更新した場合は、変更を有効にするためにアプリケーションを Amplify ホスティングに再デプロイする必要があります。Amplify ホスティングは、バケットへの変更を自動的には検出しません。詳細については、「*AWS Amplify Hosting User Guide*」の「[Updating a static website deployed to Amplify from an S3 bucket](https://docs.aws.amazon.com//amplify/latest/userguide/update-website-deployed-from-s3.html)」を参照してください。

Amplify コンソールから直接開始するには、「*AWS Amplify ホスティングユーザーガイド*」の「[Amplify コンソールを使用して S3 から静的ウェブサイトをデプロイする](https://docs.aws.amazon.com//amplify/latest/userguide/deploy--from-amplify-console.html)」を参照してください。

AWS SDK を使用して開始するには、「*AWS Amplify ホスティングユーザーガイド*」の「[AWS SDK を使用して S3 から静的ウェブサイトをデプロイするためのバケットポリシーの作成](https://docs.aws.amazon.com//amplify/latest/userguide/deploy-with-sdks.html)」を参照してください。