圖片上傳至AWS S3時觸發Lambda執行壓縮圖片，並將壓縮后的圖片上傳至S3 bucket

本文轉載自查看原文 2021-04-14 21:22 280

【1】建S3 bucket

創建4個bucket：test-jtmm-sharp、test-jtmm-sharp-50x50、test-jtmm-sharp-100x100、test-jtmm-sharp-200x200

【2】安裝並配置Amazon AWS CLI

https://docs.aws.amazon.com/zh_cn/cli/latest/userguide/cli-chap-install.html

https://docs.aws.amazon.com/zh_cn/cli/latest/userguide/cli-chap-configure.html

【3】安裝Node.js環境（環境版本需要跟AWS Lambda版本一致）

$ curl -sL https://rpm.nodesource.com/setup_14.x | sudo bash

命令執行完后會顯示如下：

接着執行紅色部分

$ sudo yum install -y nodejs

看到Complete了。

# 看一下Node.js版本
$ node -v

【4】看一下將AWS S3和Lambda結合使用的教程

https://docs.aws.amazon.com/zh_cn/lambda/latest/dg/with-s3-example.html

【5】使用 npm 安裝 Sharp 庫。

對於 Linux，請使用以下命令。

$ npm install sharp

對於 macOS，請使用以下命令。

$ npm install --arch=x64 --platform=linux --target=12.13.0  sharp

【6】將JS代碼保存為index.js

// dependencies
const AWS = require('aws-sdk');
const util = require('util');
const sharp = require('sharp');

// get reference to S3 client
const s3 = new AWS.S3();

exports.handler = async (event, context, callback) => {
    
    console.log("11111111111111111111");

    // Read options from the event parameter.
    // console.log("Reading options from event:\n", util.inspect(event, {depth: 5}));
    const srcBucket = event.Records[0].s3.bucket.name;
    // Object key may have spaces or unicode non-ASCII characters.
    const srcKey    = decodeURIComponent(event.Records[0].s3.object.key.replace(/\+/g, " "));
    
    console.log("2222222222222222");
    
    // const dstBucket = srcBucket + "-resized";
    // const dstKey    = "resized-" + srcKey;

    // Infer the image type from the file suffix.
/*
    const typeMatch = srcKey.match(/\.([^.]*)$/);
    if (!typeMatch) {
        console.log("Could not determine the image type.");
        return;
    }
*/

    // Check that the image type is supported  
/*
    const imageType = typeMatch[1].toLowerCase();
    if (imageType != "jpg" && imageType != "png") {
        console.log(`Unsupported image type: ${imageType}`);
        return;
    }
*/

    // Download the image from the S3 source bucket. 
    var origimage;
    try {
        const params = {
            Bucket: srcBucket,
            Key: srcKey
        };
        origimage = await s3.getObject(params).promise();
    
    console.log("333333333333333333333");
    } catch (error) {
    
    console.log("444444444444444444444444");
        console.log("<<<::: error :::>>> at origimage = await s3.getObject(params).promise();");
        console.log(error);
        return;
    }  

    // set thumbnail width. Resize will set the height automatically to maintain aspect ratio.
    // const width  = 200;

    // Use the Sharp module to resize the image and save in a buffer.
    var buffer_x50;
    var buffer_x100;
    var buffer_x200;
    
    console.log("555555555555555555555");
    try { 
        buffer_x50 = await sharp(origimage.Body).resize(50,50).toBuffer();
    
    console.log("66666666666666666666666");
        buffer_x100 = await sharp(origimage.Body).resize(100,100).toBuffer();
    
    console.log("77777777777777777777777");
        buffer_x200 = await sharp(origimage.Body).resize(200,200).toBuffer();
    
    console.log("8888888888888888888888888888");
    } catch (error) {
    
    console.log("999999999999999999999999999");
        console.log(error);
        console.log("<<<::: error :::>>> at await sharp(origimage.Body).resize(*,*).toBuffer();");
        return;
    } 

    // Upload the thumbnail image to the destination bucket
    try {
    
    console.log("00000000000000000000000000000000000");
        const destparams_x50 = {
            Bucket: srcBucket + "-50x50",
            Key: srcKey,
            Body: buffer_x50,
            ContentType: "image"
        };
    
    console.log("aaaaaaaaaaaaaaaaaaaaaaa");
        const putResult_x50 = await s3.putObject(destparams_x50).promise(); 
    
    console.log("bbbbbbbbbbbbbbbbbbbbbbb");
    } catch (error) {
    
    console.log("cccccccccccccccccccccc");
        console.log(error);
        console.log("<<<::: error :::>>> at putObject buffer_x50");
        return;
    } 
    try {
    
    console.log("ddddddddddddddddddddd");
        const destparams_x100 = {
            Bucket: srcBucket + "-100x100",
            Key: srcKey,
            Body: buffer_x100,
            ContentType: "image"
        };
    
    console.log("eeeeeeeeeeeeeeeeeeeeee");
        const putResult_x100 = await s3.putObject(destparams_x100).promise(); 
    
    console.log("fffffffffffffffffffff");
    } catch (error) {
    
    console.log("ggggggggggggggggggggggggggggg");
        console.log(error);
        console.log("<<<::: error :::>>> at putObject buffer_x100");
        return;
    } 
    try {
    
    console.log("hhhhhhhhhhhhhhhhhhhhhhhhhhhhh");
        const destparams_x200 = {
            Bucket: srcBucket + "-200x200",
            Key: srcKey,
            Body: buffer_x200,
            ContentType: "image"
        };
    
    console.log("iiiiiiiiiiiiiiiiiiiiiiiiii");
        const putResult_x200 = await s3.putObject(destparams_x200).promise(); 
    
    console.log("jjjjjjjjjjjjjjjjjjjjjjjjjjj");
    } catch (error) {
    
    console.log("kkkkkkkkkkkkkkkkkkkkkkk");
        console.log(error);
        console.log("<<<::: error :::>>> at putObject buffer_x200");
        return;
    } 
        
    console.log('$$$ <<< Successfully >>> $$$'); 
};

完成此步驟后，文件夾結構如下：

lambda-s3
┣━ index.js
┣━ /node_modules/sharp
┗━ /node_modules/...

【7】創建包含函數代碼和依賴項的部署包。為 zip 命令設置 -r（遞歸）選項以壓縮子文件夾。

$ zip -r function.zip .

【8】創建Lambda函數，使用Node.js 14.x環境，將上一步的function.zip包上傳。

【9】創建一個IAM策略，並將此策略附於上一步創建Lambda函數時一同創建的角色。

策略明取為 test-jtmm-sharp---policy-0001 。

{
    "Version": "2012-10-17",
    "Statement": [
        {
            "Effect": "Allow",
            "Action": [
                "logs:PutLogEvents",
                "logs:CreateLogGroup",
                "logs:CreateLogStream"
            ],
            "Resource": "arn:aws:logs:*:*:*"
        },
        {
            "Effect": "Allow",
            "Action": [
                "s3:GetObject",
                "s3:PutObject"
            ],
            "Resource": "arn:aws:s3:::test-jtmm-sharp/*"
        },
        {
            "Effect": "Allow",
            "Action": [
                "s3:GetObject",
                "s3:PutObject"
            ],
            "Resource": "arn:aws:s3:::test-jtmm-sharp-100x100/*"
        },
        {
            "Effect": "Allow",
            "Action": [
                "s3:GetObject",
                "s3:PutObject"
            ],
            "Resource": "arn:aws:s3:::test-jtmm-sharp-200x200/*"
        },
        {
            "Effect": "Allow",
            "Action": [
                "s3:GetObject",
                "s3:PutObject"
            ],
            "Resource": "arn:aws:s3:::test-jtmm-sharp-50x50/*"
        }
    ]
}