01. Amazon S3 でウェブサイトを公開する

アカウントレベルの設定

• アカウントレベルで S3 のブロックパブリックアクセスをオフに設定する。

S3 バケットの作成と設定

• S3 バケット "portfolio.yoheia.com" を作成する。
  • Route 53 でエイリアスとして設定する場合、DNSレコード名と同じ名前のバケット名にする必要がある。
• S3 バケットのプロパティで [静的ウェブサイトホスティング] を有効化する。
  • インデックスドキュメント: index.html
  • エラードキュメント: error.html
• アクセスログ用に S3 バケット "s3-access-log-AWSアカウントID" を作成する
  • さらに静的ウェブサイトホスティングを行うバケット名でフォルダを作成する。
• S3 バケット "portfolio.yoheia.com" のプロパティで [サーバーアクセスのログ記録] を有効化し、[ターゲットバケット] で作成したパス "s3-access-log-AWSアカウントID/フォルダ名" を指定する。

コンテンツを S3 にアップロード・公開

• S3 バケット portfolio.yoheia.com の直下に GitHub - yoheia/yoheia.github.io at gh-pages のファイルをアップロードする。
• アップロードしたコンテンツを全て選択して、[アクション]-[公開する]をクリック。
  • これを実行しないと、アクセスしても 403 エラーになる。

確認

• ブラウザで https://website-yoheia-portfolio.s3-ap-northeast-1.amazonaws.com/index.html にアクセスする。