このモジュールでは、ウェブ アプリケーションの静的リソースをホストするように Amazon Simple Storage Service (S3) を設定します。以降のモジュールでは、JavaScript を使用してこれらのページに動的機能を追加し、AWS Lambda と Amazon API Gateway で構築されたリモート RESTful API を呼び出します。

このモジュールのアーキテクチャは非常に単純です。 HTML、CSS、JavaScript、画像、その他のファイルを含むすべての静的 Web コンテンツは、Amazon S3 に保存されます。エンドユーザーは、Amazon S3 によって公開された公開ウェブサイトの URL を使用してサイトにアクセスします。サイトを利用可能にするために、Web サーバーを実行したり、他のサービスを使用したりする必要はありません。

このモジュールでは、Amazon が提供する Amazon S3 ウェブサイト エンドポイント URL を使用します。それは形をとります
httpyour-bucket-name}.s3-website.{region}.amazonaws.com.ほとんどの実際のアプリケーションでは、カスタム ドメインを使用してサイトをホストします。独自のドメインの使用に関心がある場合は、Amazon S3 ドキュメントのカスタム ドメインを使用して静的ウェブサイトをセットアップする手順に従ってください。

**モジュールの所要時間 30 分 **Amazon S3 を使用したサービス **CloudFormation テンプレート Amazon S3 の操作にすでに慣れている場合、または Lambda と API Gateway の操作にスキップしたい場合は、これらのいずれかを起動できます。必要なリソースを自動的に構築するための選択したリージョンの AWS CloudFormation テンプレート

|リージョン||CloudFormation テンプレート|
|米国東部 (バージニア北部)スタックを起動 >|
|米国東部 (OhioLaunch スタック >|
|米国西部 (オレゴンLaunch スタック >|
|EU (FrankfurtLaunch スタック >|
|EU (IrelandLaunch スタック >|
|EU (LondonLaunch スタック >|
|アジア太平洋 (東京Launch スタック >|
|アジア太平洋 (SeoulLaunch スタック >|
|アジア太平洋 (SydneyLaunch スタック >|
|アジア太平洋 (ムンバイLaunch スタック >|
**CloudFormation の起動手順**
クリック
選択したリージョンで上記の Stacklink を起動します

クリック
次へ [テンプレートの選択] ページで

にグローバルに一意の名前を付けます
ウェブサイトのバケット名など
wildrydes-あなたの名前とクリック
次

[オプション] ページで、すべてデフォルトのままにして、
次

[確認] ページで、チェックボックスをオンにして、CloudFormation が IAM リソースを作成することを確認し、[
作成

このテンプレートは、カスタム リソースを使用して、中央の S3 バケットから独自の専用バケットに静的 Web サイト アセットをコピーします。カスタム リソースがアカウントの新しいバケットに書き込むには、それらのアクセス許可で引き受けることができる IAM ロールを作成する必要があります

を待つ
wildrydes-webapp-1stack のステータスに到達する
CREATE_COMPLETE

とともに

wildrydes-webapp-1stack が選択されている場合は、
Outputstab を開き、WebsiteURL リンクをクリックします。

Wild Rydes のホームページが正しく読み込まれていることを確認し、次のモジュールであるユーザー管理に進みます。

以下のステップバイステップの手順に従って、静的 Web サイトをホストします。各ステップ番号をクリックしてセクションを展開します。