Amazon Web Services ブログ

AWS Amplify ホスティングで Amazon S3 静的ウェブサイトホスティングを簡素化および強化

AWS Amplify ホスティングAmazon Simple Storage Service (Amazon S3) の統合を発表します。これにより、数回クリックするだけで、S3 バケットに保存されたコンテンツを使用して静的ウェブサイトをデプロイし、コンテンツ配信ネットワーク (CDN) 経由で配信できるようになりました。

AWS Amplify ホスティングは、静的サイトをホスティングするためのフルマネージド型サービスで、ウェブサイトのデプロイのさまざまな側面に対応しています。また、SSL を使用したカスタムドメイン設定、リダイレクト、カスタムヘッダー、Amazon CloudFront を活用したグローバルで利用可能な CDN へのデプロイなどの利点があります。

静的ウェブサイトをデプロイするとき、Amplify は S3 バケットとデプロイされたウェブサイトとの接続を記憶しているため、S3 バケット内のウェブサイトコンテンツに変更を加えた場合でも、ワンクリックで簡単にウェブサイトを更新できます。静的ウェブサイトホスティングには AWS Amplify ホスティングの使用をお勧めします。大規模なセットアップをすることなく、より合理的かつ迅速にデプロイできるからです。

Amazon S3 コンソールから開始する統合の仕組みは次のとおりです。

Amazon S3 コンソールを使用して静的ウェブサイトをデプロイする
この新しい統合を使用して、私の S3 バケットから直接個人ウェブサイトをホストしてみましょう。

はじめに、Amazon S3 コンソールのバケットに移動します。この S3 バケットのすべてのコンテンツのリストを次に示します。

AWS Amplify ホスティングとの新しい統合を使用するには、[プロパティ] セクションに移動し、下にスクロールして [静的ウェブサイトホスティング] を見つけ、[Amplify アプリを作成] を選択します。

すると、Amplify ページにリダイレクトされ、S3 バケットの詳細が入力されます。ここでは、[アプリ名][ブランチ名] を設定します。次に、[保存してデプロイ] を選択します。

数秒以内に AWS Amplify が静的ウェブサイトをデプロイします。[デプロイされた URL にアクセス] を選択してサイトにアクセスできます。静的ウェブサイトの S3 バケットに、さらに変更を加えた場合は、[アップデートをデプロイ] ボタンを選択して、Amplify コンソールにアプリケーションを再デプロイする必要があります。

プログラムによるデプロイでは AWS コマンドラインインターフェイス (AWS CLI) を使用することもできます。そのためには、AWS Amplify ダッシュボードから APP_IDBRANCH_NAME などの必須パラメータの値を取得する必要があります。デプロイに使用するコマンドは次のとおりです。

aws amplify start-deployment --appId APP_ID --branchName BRANCH_NAME --sourceUrlType=BUCKET_PREFIX --sourceUrl s3://S3_BUCKET/S3_PREFIX

Amplify ホスティングがウェブサイトの URL を生成したら、オプションで静的ウェブサイト用のカスタムドメインを設定できます。そのためには、AWS Amplify のアプリに移動し、ナビゲーションペインで [カスタムドメイン] を選択します。次に、[ドメインを追加] を選択して、静的ウェブサイトのカスタムドメインの設定を開始します。カスタムドメインの設定について詳しくは、Amplify ホスティングユーザーガイドをご覧ください。

次のスクリーンショットでは、カスタムドメインを使用して静的ウェブサイトを設定しています。Amplify は、私のドメイン用の SSL/TLS 証明書も発行して、すべてのトラフィックが HTTPS で保護されるようにします。

これで、静的サイトの準備が整いました。https://donnie.id で確認できます。

知っておくべきこと
より多くの利用可能な機能 – AWS Amplify ホスティングには、静的ウェブサイトに使用できる機能が他にもあります。詳細については、AWS Amplify 製品ページをご覧ください。

デプロイオプション – Amplify ホスティングコンソールAWS CLI、または AWS SDK を使用して、Amazon S3 から静的ウェブサイトのデプロイを開始できます。

料金 – 料金情報については、Amazon S3 の料金ページAWS Amplify の料金ページをご覧ください。

可用性 – Amplify ホスティングと Amazon S3 の統合を、Amplify ホスティングが利用可能な AWS リージョンでご利用いただけるようになりました。

この新しいインテグレーションで、静的ウェブサイトの構築を始めましょう。AWS Amplify を使用した Amazon S3 静的ウェブサイトホスティングの詳細については、AWS Amplify ホスティングユーザーガイドをご覧ください。

構築がうまくいきますように。

– Donnie

原文はこちらです。