CDK で簡単に静的サイトホスティングをする

パッケージ名	WebACL	CDK API
cdk-spa-deploy	設定なし	古いものを利用 (CloudFrontWebDistributionなど)
@cloudcomponents/cdk-static-website	既存の WebACL を利用	古いものを利用 (CloudFrontWebDistributionなど)
@aws/pdk/static-website	WebACL を自動生成	最新を利用 (Distributionなど)

参考:

• AWS WAFをCloudFrontに導入する | DevelopersIO
• CloudFront DistributionのCDK Constructの新しいクラスを使って静的サイトホスティング（Amazon S3）の配信を構築してみた | DevelopersIO

• シンプルな単一ファイルからなるコンストラクト
• ダウンロード数が多い
• カスタムドメインで利用するとき: 証明書・DNSレコードまでまとめて生成される
• 利用されている API が古い (CloudFrontWebDistribution, DnsValidatedCertificate)

new SPADeploy(this, 'SPADeploy')
  .createSiteWithCloudfront({
    indexDoc: 'index.html',
    websiteFolder: 'path/to/your/static/webpage',
    cfAliases: [yourDomainName]
  });

• GitHub Organization が一人でメンテされている: hupe1980 (Frank Hübner)
• カスタムドメインで利用するとき: DNSレコードは生成される、証明書は生成されない
• 利用されている API が古い (CloudFrontWebDistribution), 証明書周りが、なんか、動かなそう ...？

new StaticWebsite(this, 'StaticWebsite', {
  bucketConfiguration: {
    source: 'path/to/your/static/webpage',
  },
  aliasConfiguration: {
    domainName: 'domain.com',
    names: ['www.domain.com', 'domain.com'],
    acmCertRef: certificateArn,
  },
});

• AWS Project Development Kit (PDK) で定義のあるコンストラクト
• PDK 特有の実装が多く、やや複雑
• カスタムリソースによる WebACL の動的生成を利用し IP 制限をサポート
• pdk-nag に対応しているらしい
• カスタムドメインで利用するとき: 証明書・DNSレコードは生成されない

const staticWebsite = new StaticWebsite(this, 'StaticWebsite', {
  websiteContentPath: 'path/to/your/static/webpage',
  distributionProps: {
    domainNames: [yourDomainName],
    certificate,
  },
});
new ARecord(this, 'AliasRecord', {
  zone: hostedZone,
  recordName: yourDomainName,
  target: RecordTarget.fromAlias(new targets.CloudFrontTarget(staticWebsite.cloudFrontDistribution)),
});