cloudfront ESI / lambda html body replace

Hi Simon,

Lambda@Edge allows you to run Lambda functions to customize the content delivered through your CloudFront distribution.

Example of a Node.js Lambda@Edge function:

'use strict';

exports.handler = (event, context, callback) => {
    const response = event.Records[0].cf.response;
    const headers = response.headers;

    // only modify HTML content !!
    if (headers['content-type'] && headers['content-type'][0].value.includes('text/html')) {
        let body = response.body;

        // generate a nonce value - you could generate a dynamic value
        const nonce = 'generatedNonceValue';

        // replace the placeholder in the body then update it
        body = body.replace('<!-- NONCE_PLACEHOLDER -->', `<script>var nonce = "${nonce}";</script>`);

        response.body = body;
    }

    // return
    callback(null, response);
};

Hope this helps.

Hi,

is it for lambda node v16, v18 or v20? and after make, i pout in Viewer request, Viewer response, Origin request or Origin response in cloudfront?

Regards

since i try to use body.replace before and seem make cloudfront return 503.