multer+S3 연동

https://lazy-crew.tistory.com/75

AWS-S3사용하기(구축)

아직 S3구축을 하지 않았다면 위에 글을 확인하고 구축하고 오면 좋을 것 같다. 

이번 글에서는 직접 내가 작성한 코드에 어떻게 s3를 적용할 수 있는 지에 대한 방법에 대한 글을 작성할 것이다.

 

이 글에서 사용된 프레임워크는 nest라는 것을 명심할 수 있도록하자.

그러나 express를 사용하더라도 크게 다르지 않다는 점은 확실하다!! 

 

필요한 라이브러리 

npm i -D @types/multer

npm i aws-sdk @nestjs/config

 

@Controller

@Post('s3upload') //endPoint가 s3upload
  @UseInterceptors(FileInterceptor('image')) //이미지를 처리하는 방식
  async uploadMediaFile(@UploadedFile() file: Express.Multer.File) {
    console.log(file);
    
    return await this.catsService.uploadFileToS3('cats', file);
    // 서비스로직을 구현하는 부분에서 s3에 upload하는 코드를 구현
    
  }

@Service

import * as path from 'path';
import * as AWS from 'aws-sdk';
import { ConfigService } from '@nestjs/config';
import { PromiseResult } from 'aws-sdk/lib/request';



@Injectable()
export class CatsService {

//* AWS-S3사용하기 위한 설정 
    private readonly awsS3: AWS.S3;
    public readonly S3_BUCKET_NAME: string;

    constructor(private readonly catsRepository: CatsRepository) {
        this.awsS3 = new AWS.S3({
            accessKeyId:  process.env.AWS_S3_ACCESS_KEY, // process.env.AWS_S3_ACCESS_KEY
            secretAccessKey:process.env.AWS_S3_SECRET_KEY,
            region: process.env.AWS_S3_REGION,
          });
          this.S3_BUCKET_NAME = process.env.AWS_S3_BUCKET_NAME; // nest-s3
    }



// aws-sdk사용해서 s3에 파일 업로드하는 함수
    async uploadFileToS3(folder: string,file: Express.Multer.File,): Promise<{
        key: string;
        s3Object: PromiseResult<AWS.S3.PutObjectOutput, AWS.AWSError>;
        contentType: string;
      }> {
          //함수시작
        try {   
          const key = `${folder}/${Date.now()}_${path.basename(
            file.originalname,
          )}`.replace(/ /g, '');
    
          const s3Object = await this.awsS3
            .putObject({
              Bucket: this.S3_BUCKET_NAME,
              Key: key,
              Body: file.buffer,
              ACL: 'public-read',
              ContentType: file.mimetype,
            })
            .promise();
          return { key, s3Object, contentType: file.mimetype };
        } catch (error) {
          throw new BadRequestException(`File upload failed : ${error}`);
        }
      }
      
     }

 

위에코드를 보면

Constructor에서 기본 셋팅을 해주어야합니다. .env파일을 사용하고 있기 때문에 @nestjs/config 라이브러리도 있어야지 

.env파일을 사용할 수 있습니다. 

 

그렇다면 this.awsS3.putObject함수를 사용해서 우리의 S3에  이미지파일을 업로드 할 수 있다.

test

 

test 성공

https://myawsnest.s3.amazonaws.com/cats/1651301900879_2022-02-01_22-20-58.png 

DB에는 Key값만 저장해주면 언제든 s3에서 이미지를 가져오는데 있어 문제가 되지 않을 것 같다.