파일 업로드 웹 페이지 구축: (6) AWS Lambda 함수 작성

📌 시리즈 포스팅

1.  파일 업로드 웹 페이지 구축: (1) React 기반 Frontend 개발
2.  파일 업로드 웹 페이지 구축: (2) AWS IAM 역할 생성
3.  파일 업로드 웹 페이지 구축: (3) AWS Lambda 생성
4.  파일 업로드 웹 페이지 구축: (4) AWS S3 생성
5.  파일 업로드 웹 페이지 구축: (5) AWS API Gateway 생성
6.  파일 업로드 웹 페이지 구축: (6) AWS Lambda 함수 작성
7.  파일 업로드 웹 페이지 구축: (7) Axios 기반 API Call
8.  파일 업로드 웹 페이지 구축: (8) 파일 업로드 테스트
9.  파일 업로드 웹 페이지 구축: (9) AWS S3 기반 웹 호스팅

👨‍💻 들어가며

본 포스팅에서는 Backend 역할로써 Lambda 함수 작성 코드를 공유합니다.

1.  전체 코드

Lambda 함수에 작성해야 할 전체 코드는 아래의 Github에 업로드하였으니 참고하시길 바랍니다.

https://github.com/park-gb/file-uploader-backend

park-gb/file-uploader-backend

앞서 생성했던 Lambda 함수 내 코드는 아래의 그림 1과 같이 3개의 소스 파일로 구성됩니다.

그림 1. Backend 람다 함수 구성 코드

2.  소스 파일

2.1.  인덱스 파일

3번째 라인에 생성한 API 게이트웨이 리소스 이름을 입력합니다. 메서드가 POST이면서 생성한 API 게이트웨이 리소스 이름과 같은 경우, 파일 프로세싱 코드를 실행시킵니다.

// index.js
const fileProcessingService = require('./file-processing-service');
const util = require('./util');
const fileUploadPath = '/file-upload'; // API 게이트웨이 리소스 이름

exports.handler = async (event) => {
    console.log('Request Event: ', event);
    let response;
    switch(true){
        case event.httpMethod === 'POST' && event.path === fileUploadPath:
            response = await fileProcessingService.process(event.body);
            break;
        default:
            response = util.buildResponse(404);
    }
    return response;
};

2.2.  파일 프로세싱 파일

5번째 라인에 앞서 생성한 S3 버킷의 이름을 입력합니다. 사용자가 업로드 한 파일을 객체로 받아 S3로 put 합니다.

// file-processing-service.js
const AWS = require('aws-sdk');
const s3 = new AWS.S3();
const util = require("./util");

const bucketName = '생성한 S3 버킷 이름 입력'; // S3 버킷이름 입력
const s3Subfolder = 'data';

async function process(requestBody){
    const fileName = requestBody.split('\r\n')[1].split(';')[2].split('=')[1].replace(/^"|$/g, '').trim();
    let fileContent = requestBody.split('\r\n')[4].trim();
    fileContent += `\n\nProcess Timestap: ${new Date().toISOString()}`
    const params = {
        Bucket: bucketName,
        Key: `${s3Subfolder}/${fileName}`,
        Body: fileContent
    }
    await s3.putObject(params).promise();
    return util.buildResponse(200,requestBody);
}

module.exports.process = process;

2.3. Response Builder 파일

모든 도메인에서 접근할 수 있도록 세팅하였습니다.

// util.js
function buildResponse(statusCode, body){
    return{
        statusCode: statusCode,
        headers:{
            'Access-Control-Allow-Origin' : '*',
            'Content-Type' : 'application/json'
        },
        body: JSON.stringify(body)
    }
}

module.exports.buildResponse = buildResponse;

이제 Backend를 담당하는 람다 함수의 필요한 코드는 모두 작성하였습니다. 이제 아래의 그림 2와 같이, Deploy(배포) 버튼을 눌러주세요.

그림 2. 배포 버튼 클릭

다음 포스팅에서는 프론트엔드에서 axios를 활용하여 API를 Call하는 방법을 소개합니다.

📌 시리즈 포스팅

1.  파일 업로드 웹 페이지 구축: (1) React 기반 Frontend 개발
2.  파일 업로드 웹 페이지 구축: (2) AWS IAM 역할 생성
3.  파일 업로드 웹 페이지 구축: (3) AWS Lambda 생성
4.  파일 업로드 웹 페이지 구축: (4) AWS S3 생성
5.  파일 업로드 웹 페이지 구축: (5) AWS API Gateway 생성
6.  파일 업로드 웹 페이지 구축: (6) AWS Lambda 함수 작성
7.  파일 업로드 웹 페이지 구축: (7) Axios 기반 API Call
8.  파일 업로드 웹 페이지 구축: (8) 파일 업로드 테스트
9.  파일 업로드 웹 페이지 구축: (9) AWS S3 기반 웹 호스팅

---

포스팅 내용에 오류가 있거나 보완할 점이 있다면 아래에 댓글 남겨주세요!

그럼 오늘도 즐겁고 건강한 하루 보내시길 바랍니다 :)

고맙습니다😊