🫙

静的ウェブサイトを構築するAWS入門チュートリアル

2025/01/19に公開

以下、公式のドキュメントを参考に静的ウェブサイト構築してみた。
https://docs.aws.amazon.com/ja_jp/Route53/latest/DeveloperGuide/getting-started-cloudfront-overview.html#getting-started-cloudformation-create-s3-www-bucket

このチュートリアルで学べること

  • AWSサービス(S3、CloudFront、Route 53)の基本操作。
  • 静的ウェブサイトを安全に公開する方法。
  • HTTPS通信とDNSルーティングの設定。

主な手順

  1. ドメイン名を登録
    AWS Route 53を使用して、独自のドメイン(例: example.com)を登録。
  2. SSL証明書の作成
    AWS Certificate Manager(ACM)で公開証明書を作成し、HTTPS通信を有効化。
  3. Amazon S3バケットの作成
    サブドメイン(例: www.example.com)用のS3バケットを作成し、ウェブサイトファイルをホスト。
    ルートドメイン(例: example.com)用のS3バケットを作成し、サブドメインへのリダイレクトを設定。
  4. ウェブサイトファイルのアップロード
    シンプルなindex.htmlファイルをS3バケットにアップロードし、静的ウェブサイトホスティングを有効化。
  5. Amazon CloudFrontの設定
    S3バケットをオリジンとして、サブドメインとルートドメインそれぞれにCloudFrontディストリビューションを作成。HTTPS通信をリダイレクトする設定を適用。
  6. DNS設定
    Amazon Route 53でDNSレコードを設定し、ドメイン名のトラフィックをCloudFrontディストリビューションにルーティング。
  7. ウェブサイトのテスト
    登録したドメイン名をブラウザに入力し、ウェブサイトが安全に表示されることを確認。

https://docs.aws.amazon.com/ja_jp/AmazonCloudFront/latest/DeveloperGuide/private-content-restricting-access-to-s3.html#migrate-from-oai-to-oac

Discussion