AWS CloudFormationで独自ドメインホスティング環境構築を自動化してみた

Last updated at 2022-02-27Posted at 2022-02-27

AWS CloudFormationで独自ドメインホスティング環境構築を自動化してみました

以前の記事内容をAWS CloudFormationで実現する方法をためしてみました！

今回の作成したテンプレートをGitHubで公開したのでぜひご利用ください！

certificate-create.yml

AWSTemplateFormatVersion: 2010-09-09
# テンプレート概要
Description: Certificate creation
# パラメータ
Parameters:
  # ドメイン名入力
  DomainName:
    Description: Domain Name
    Type: String
  # ホストゾーンID入力
  HostedZoneId:
    Description: Host Zone ID
    Type: String
# リソース
Resources:
  # Certificate Manager設定
  CertificateManagerCertificate:
    # リソースタイプ
    Type: AWS::CertificateManager::Certificate
    # プロパティ
    Properties:
      # ドメイン指定
      DomainName: !Sub ${DomainName}
      # 検証ドメイン設定
      DomainValidationOptions:
        -
          # ドメイン指定
          DomainName: !Sub ${DomainName}
          # ホストゾーンID指定
          HostedZoneId: !Sub ${HostedZoneId}
      # 検証方法指定
      ValidationMethod: DNS

hosting.yml

AWSTemplateFormatVersion: 2010-09-09
# テンプレート概要
Description: Build a Unique Domain Hosting Environment with Amazon Route 53, Amazon CloudFront, and Amazon S3
# パラメータ
Parameters:
  # ドメイン名入力
  DomainName:
    Description: Domain Name
    Type: String
  # ホストゾーンID入力
  HostedZoneId:
    Description: Host Zone ID
    Type: String
  # 証明書ID入力
  CertificateId:
    Description: Certificate ID
    Type: String
# リソース
Resources:
  # S3バケット設定
  S3Bucket:
    # リソースタイプ
    Type: AWS::S3::Bucket
      # プロパティ
    Properties:
      # バケット名指定
      BucketName: !Sub ${AWS::StackName}-${AWS::Region}-${AWS::AccountId}
  # S3バケットポリシー設定
  S3BucketPolicy:
    # リソースタイプ
    Type: AWS::S3::BucketPolicy
    # 処理順設定
    DependsOn:
      - CloudFrontOriginAccessIdentity
    # プロパティ
    Properties:
      # S3バケット指定
      Bucket: !Sub ${S3Bucket}
      # CloudFront用バケットポリシー指定
      PolicyDocument:
        Statement:
          -
            Sid: PolicyForCloudFrontPrivateContent
            Effect: Allow
            Principal:
              AWS: !Sub arn:aws:iam::cloudfront:user/CloudFront Origin Access Identity ${CloudFrontOriginAccessIdentity}
            Action: s3:GetObject
            Resource: !Sub arn:aws:s3:::${S3Bucket}/*
  # CloudFrontOAI設定
  CloudFrontOriginAccessIdentity:
    # リソースタイプ
    Type: AWS::CloudFront::CloudFrontOriginAccessIdentity
    # プロパティ
    Properties:
      CloudFrontOriginAccessIdentityConfig:
        Comment: Unique Domain Hosting Environment
  # CloudFront設定
  CloudFrontDistribution:
    # リソースタイプ
    Type: AWS::CloudFront::Distribution
    # 処理順設定
    DependsOn:
      - S3Bucket
      - CloudFrontOriginAccessIdentity
    # プロパティ
    Properties:
      DistributionConfig:
        # ドメイン指定
        Aliases:
          - !Sub ${DomainName}
        Origins:
          -
            # S3ドメイン名指定
            DomainName: !Sub ${S3Bucket}.s3.${AWS::Region}.amazonaws.com
            # オリジン名指定
            Id: !Sub ${S3Bucket}.s3.${AWS::Region}.amazonaws.com
            # オリジンアクセスアイデンティティ指定
            S3OriginConfig:
              OriginAccessIdentity: !Sub origin-access-identity/cloudfront/${CloudFrontOriginAccessIdentity}
        # キャッシュビヘイビア設定
        DefaultCacheBehavior:
          # オリジンID指定
          TargetOriginId: !Sub ${S3Bucket}.s3.${AWS::Region}.amazonaws.com
          # 自動圧縮有無指定
          Compress: true
          # HTTPメソッド指定
          AllowedMethods:
            - HEAD
            - GET
          CachedMethods:
            - HEAD
            - GET
          # ビューアプロトコルポリシー指定
          ViewerProtocolPolicy: redirect-to-https
          # キャッシュポリシー指定 (CachingOptimized)
          CachePolicyId: 658327ea-f89d-4fab-a63d-7e88639e58f6
        # SPA対応設定
        CustomErrorResponses:
          -
            ErrorCode: 403
            ResponsePagePath: /index.html
            ResponseCode: 200
            ErrorCachingMinTTL: 0
          -
            ErrorCode: 404
            ResponsePagePath: /index.html
            ResponseCode: 200
            ErrorCachingMinTTL: 0
        # 料金クラス指定
        PriceClass: PriceClass_All
        # ディストリビューション有効無効指定
        Enabled: true
        # SSL証明書設定
        ViewerCertificate:
          # 証明書ID指定
          AcmCertificateArn: !Sub arn:aws:acm:us-east-1:${AWS::AccountId}:certificate/${CertificateId}
          # セキュリティポリシー指定
          MinimumProtocolVersion: TLSv1.2_2021
          SslSupportMethod: sni-only
        # 配信制限設定
        Restrictions:
          GeoRestriction:
            # 地理的制限指定
            RestrictionType: none
        # HTTPバージョン指定
        HttpVersion: http2
        # ルートURL指定
        DefaultRootObject: index.html
        # IPv6有無指定
        IPV6Enabled: true
  # Route53レコード設定
  Route53RecordSet:
    # リソースタイプ
    Type: AWS::Route53::RecordSet
    # 処理順設定
    DependsOn:
      - CloudFrontDistribution
    # プロパティ
    Properties:
      # ドメイン指定
      Name: !Sub ${DomainName}
      # ホストゾーンID指定
      HostedZoneId: !Sub ${HostedZoneId}
      # レコードタイプ指定
      Type: A
      # エイリアスターゲット設定
      AliasTarget:
        # CloudFrontドメイン指定
        DNSName: !GetAtt CloudFrontDistribution.DomainName
        # ホストゾーンID指定 (固定)
        HostedZoneId: Z2FDTNDATAQYW2