CloudFront + S3 で static website hosting のリダイレクトルールを使用するときの注意点 & API Gateway

memo.md

• CloudFront の origin を static website hosting のドメインにする(foobar.s3-website-ap-northeast-1.amazonaws.com みたいなやつ)
  • S3 の bucket を設定すると static website hosting ではないのでリダイレクトルールが適応されない
• S3 の policy の Principal は "AWS": "*" でないと 403
• redirect_rule.xml は 404 だったら your.domain にリダイレクト
  • path を維持したい場合は <ReplaceKeyWith/> を削除
  • https にしたければ <Redirect></Redirect> に <Protocol>https</Protocol> を追加
• POST を受けたい場合は API Gateway + Lambda を使う
  • Origin を API Gateway の endpoint にする
  • (当然だが)Host ヘッダを透過させると動かない

redirect_rule.xml

<RoutingRules>
    <RoutingRule>
        <Condition>
            <HttpErrorCodeReturnedEquals>404</HttpErrorCodeReturnedEquals>
        </Condition>
        <Redirect>
            <HostName>your.domain</HostName>
            <ReplaceKeyWith/>
        </Redirect>
    </RoutingRule>
</RoutingRules>

s3_policy.json

{
	"Version": "2008-10-17",
	"Id": "PolicyForCloudFrontStaticWebsiteHosting",
	"Statement": [
		{
			"Sid": "1",
			"Effect": "Allow",
			"Principal": {
				"AWS": "*"
			},
			"Action": "s3:GetObject",
			"Resource": "arn:aws:s3:::your_bucket/*"
		}
	]
}