Is it possible to set a header in a CF Web Distribution?

[wz2b]

I have a CloudFrontWebDistribution and I want a way to pass a user pool ID, identity pool ID, and cognito client ID in as a header behavior. I can't find a way to do that with a CloudFrontWebDistribution - is it possible?

        const rrCfDist: IDistribution = new CloudFrontWebDistribution(this,
            "xxxx-cf-web-dist",
            {
                originConfigs: [
                    {
                        s3OriginSource: {
                            s3BucketSource: buckets.publicBucket,
                            originAccessIdentity: rrOia
                        },
                        behaviors: [
                            {
                                isDefaultBehavior: true,
                                viewerProtocolPolicy: ViewerProtocolPolicy.REDIRECT_TO_HTTPS,

                            }
                        ],

                    }
                ],
                viewerCertificate: rrViewerCertificate
            }
        );

I know I could create a headers policy pretty easily:

        const headersPolicy = new ResponseHeadersPolicy(
            this,
            "xxxx-cf-header-policy",
            {
                customHeadersBehavior: {
                    customHeaders: [
                        { header: 'X-cognito-user-pool-id', value: 'some-value', override: true },
                    ],
                },
            }
        )

but I can't figure out how to attach that to the CloudFrontWebDistribution.

[wz2b]

OK. After doing some additional research on this I think I figured it out. The idea is dont' use CloudFrontWebDistribution, just use a Distribution. If you do that, you have a lot more options you can set, including one named responseHeadersPolicy, which does exactly what I wanted.

I answered my own question, but I'm going to leave this here in case anybody else has trouble figuring it out.

It's probably worth noting this that I found on StackOverflow:

The AWS CloudFrontWebDistribution is the original method for working with CloudFront distributions. But now, they had implemented a new method that is provided by Distribution. You can use both CloudFrontWebDistribution as well as Distribution for working with CloudFront distributions, but Distribution has a simpler interface and they receive new features faster. So, it is recommended to use Distribution instead of CloudFrontWebDistribution.

const headersPolicy = new ResponseHeadersPolicy(
    this,
    "xxxx-cf-header-policy",
    {
        customHeadersBehavior: {
            customHeaders: [
                { header: 'X-cognito-user-poole', value: 'some-value', override: true },
            ],
        },
    }
)

const rrCfDist: IDistribution = new Distribution(this,
    "xxxx-cf-dist",
    {
        defaultBehavior: {
            origin: new S3Origin( buckets.publicBucket, {
                originAccessIdentity: rrOia
            }),
            viewerProtocolPolicy: ViewerProtocolPolicy.REDIRECT_TO_HTTPS,
            responseHeadersPolicy: headersPolicy
        },
        certificate: this.combinedCertificate
    }
);

[github-actions[bot]]

Hello! Reopening this discussion to make it searchable.