First of all, what is [email protected]? The best description comes from Amazon themselves:

With [email protected], you can easily run your code across AWS locations globally, allowing you to respond to your end users at the lowest latency. Your code can be triggered by Amazon CloudFront events such as requests for content to or from origin servers and viewers. Upload your Node.js code to AWS Lambda and Lambda takes care of everything required to replicate, route and scale your code with high availability at an AWS location close to your end user. You only pay for the compute time you consume - there is no charge when your code is not running.

Lambda is Amazon’s offering in the what’s often referred to as “serverless” computing space.

In my last post, I talked about how we automated the build and deployment of our team site with Jekyll, GitHub, Travis, S3 and CloudFront.

One of the important elements of hosting any site nowadays are HTTP security headers. There are a number of resources available about these and the importance of them so I’m not going to go in to much detail but I will provide some links to a few of the more useful tools and articles I’ve read.

With an S3 website, you can control cache headers by adding information to the object metadata but controlling HTTP headers isn’t possible. If you were hosting your site with something like nginx, it’d be easy to simply edit your server block and set some headers. Something like this:

add_header     X-Content-Type-Options "nosniff";
add_header     X-Frame-Options "DENY";
add_header     X-XSS-Protection "1; mode=block";
add_header     Referrer-Policy "same-origin";

Last year (2016), Jeff Barr announced a preview of [email protected] to deal with this and in July 2017 that became generally available and Jeff posted how it’s now possible to have intelligent processing of HTTP requests at the edge.

I’d seen an article previously about how to use the preview to add headers, but, as the author notes this is no longer valid because the format of functions within [email protected] changed. After some searching I found this article from nvisium.com which had an excellent overview and guide on how to set it all up.

You’ll need to create a IAM role to let [email protected] talk to CloudFront but there are templates as part of the [email protected] console to help you do this.

Once I’d created the Lambda function, added the headers I wanted and saved the version I could then reference it in our CloudFront distributions. Note that I chose to add the function editing the CloudFront distribution rather than letting Lambda do it for me. You’ll also always need to include the version after the ARN, so, something like arn:aws:lambda:us-east-1:123456789000:function:functionName:VERSION

If you curl our team site URL you’ll see the custom headers (note, some removed from this snippet):

$ curl -I https://dev.venntro.com
HTTP/1.1 200 OK
Date: Mon, 30 Oct 2017 11:24:57 GMT
Last-Modified: Fri, 27 Oct 2017 08:40:55 GMT
Referrer-Policy: no-referrer-when-downgrade
Server: AmazonS3
x-amz-id-2: ...
x-amz-request-id: ...
X-Content-Type-Options: nosniff
X-Frame-Options: DENY
X-XSS-Protection: 1; mode=block
X-Cache: Hit from cloudfront
X-Amz-Cf-Id: ...

Conclusion and notes

[email protected] is only currently available in us-east-1 (console/GUI) although it can be used in other regions.

I’d like to note that Lambda and [email protected] are both still young services and as such are developing rapidly. One issue I noticed which has been discussed online a lot is that replicated Lambda functions cannot be deleted. What this means is your console can get filled rapidly with old or testing versions. Hopefully this will be fixed in the future.

We do however now have HTTP headers being served across all our CloudFront backed sites using [email protected] ensuring we’re keeping our sites following best practices.

Orginally published at dev.venntro.com