CloudFrontWebDistribution S3 website bucket

I’m trying to setup a simple webpage with static html. I want to have redirect from domainname to www.domainname and it should support SSL. What I have setup is :

1. Route53 (domainname) -> Cloudfront (with certificate) -> S3 bucket (set to redirect to www.domainname)
2. Route53 (www.domainname) -> Cloudfront (with certificate) -> S3 bucket (serves files)

The thing is that the origin path in Cloudfront for the redirect is using the URL directly to the S3 bucket and not the website version which is needed for redirect to work properly.

    // ---- Buckets ----
    const websiteBucket = new s3.Bucket(this, 'WebsiteBucket', {
      bucketName: `www.${domainName}`,
      websiteErrorDocument: 'index.html',
      websiteIndexDocument: 'index.html',
      publicReadAccess: true
    });

    const redirectBucket = new s3.Bucket(this, 'WebsiteRedirectBucket', {
      bucketName: domainName,
      websiteRedirect: {
        hostName: `www.${domainName}`
      },
      publicReadAccess: true
    });

    // ---- Cloudfront ----
    const websiteCloudfront = new cloudfront.CloudFrontWebDistribution(this, 'WebsiteCloudfront', {
      originConfigs: [{
        s3OriginSource: { s3BucketSource: websiteBucket },
        behaviors: [{ 
          compress: true,
          isDefaultBehavior: true,
        }],
      }],
      viewerCertificate: cloudfront.ViewerCertificate.fromAcmCertificate(
        certificate,
        { aliases: [`www.${domainName}`] }
      ),
    });

    const websiteRedirectCloudfront = new cloudfront.CloudFrontWebDistribution(this, 'WebsiteRedirectCloudfront', {
      originConfigs: [{
        s3OriginSource: { s3BucketSource: redirectBucket },
        behaviors: [{ 
          isDefaultBehavior: true,
        }],
      }],
      viewerCertificate: cloudfront.ViewerCertificate.fromAcmCertificate(
        certificate,
        { aliases: [domainName] }
      ),
    });

    // ---- DNS Records ----
    new route53.ARecord(this, 'WebsiteAlias', {
      recordName: 'www',
      target: route53.RecordTarget.fromAlias(new route53targets.CloudFrontTarget(websiteCloudfront)),
      zone,
    });

    new route53.ARecord(this, 'WebsiteRedirectAlias', {
      target: route53.RecordTarget.fromAlias(new route53targets.CloudFrontTarget(websiteRedirectCloudfront)),
      zone
    });

Is there a workaround I can use?

This is 🐛 Bug Report

[jogold]

If you want to use the website url, you must use a customOriginSource like that: https://github.com/aws/aws-cdk/blob/aac35ff29d1c9e9edb6cc4d70f28596f07762f2a/packages/%40aws-cdk/aws-route53-patterns/lib/website-redirect.ts#L55-L58

[johankvint]

@jogold I ended up using customOriginSource. Thanks But it would be great if you could just send in a S3 bucket with redirect properties and it would be automatic for you 😃