Open up the functions folder, and start by creating the package.json file.
Write the AWS Lambda function configuration Note: The deploy.sh script will create a secondary secrets.json file only to hold the domain name of our API Gateway endpoint. SLS_SECRET=YYY # replace with your IAM User secret SLS_KEY=XXX # replace with your IAM User key We’ll create a secrets.env file in the secrets folder to hold our secrets and inject them into our Docker container once it spins up. The best way of explaining this complex structure will be with an image.įolders in green and files in blue. With that all out of the way let’s build some stuff. Because AWS Lambda is running on Amazon Linux, we need to npm install the packages on an Amazon Linux instance before running sls deploy. This image-resize module has binaries that need to be built on the same operating system as it will run on. The funny thing here is that we need to use Docker to deploy this service because of Sharp.
Aws image resize install#
Note: Please install Docker and Docker Compose before continuing with this tutorial. Write the AWS Lambda function configuration.Here’s an overview of what we’ll be doing.
Aws image resize how to#
Pretty cool huh? Here’s a diagram, because who doesn’t love diagrams.īecause I already assume you know how to use the Serverless Framework and have already been introduced to the basics of serverless, Docker and AWS, I’ll immediately jump into the gist of things. Every subsequent request to the image of that size will be served from the bucket. This scenario will only resize an image for a given set of dimensions once. It’ll grab the existing image, resize it, return it back to the bucket and then serve it from the bucket. If you need a resized version, you’ll request the image and supply the height and width. The images will be stored in an S3 bucket and, once requested, will be served from it. Today we’ll build an AWS Lambda function to resize images on-the-fly. Luckily enough, there is a way to solve the issue of bad image optimization with little to no hassle. Check out the code here.īut if you want to follow along and learn how to do it yourself, keep reading. I’ve built and open-sourced a snippet of code that automates the process of creating and deploying an image resize function and an S3 bucket with one simple command. If it doesn’t score well, it won’t be on the first page of Google. If your website has poorly optimized images it won’t score well on Google Lighthouse. Lately, it has started to have a huge impact on page speed and SEO ranking. Handling large images has always been a pain in my side since I started writing code.
0 kommentar(er)
