[AWS] S3로 이미지 업로드 (1)

이미지 업로드 기능을 nodejs로 구현 중이다. 이전에 처음 간단하게 했던 프로젝트에서는 단순히 서버의 로컬 디렉토리에 이미지 파일을 저장하고, 다시 불러올때는 이미지파일을 base64로 변환해 다시 넘겨주었다. 이번에는 아마존의 S3에 이미지를 업로드해보려고 한다.

 

nodejs에서 S3 서비스를 이용하려면 먼저 S3 버킷을 생성하고, IAM에 새로운 사용자를 등록해 어세스 키를 만들어서 사용한다.

 

1. S3 버킷

S3 버킷 생성을 할 때는 모든 퍼블릭 액세스 차단을 풀고 넘어간다.

버킷을 생성한 다음에는 버킷 정책을 수정해주어야 한다. 버킷 이름 클릭 > 권한 > 버킷 정책 에서 볼 수 있다.

버킷 정책은 JSON 형식으로 되어 있는데, 정책 생성기를 이용해서 쉽게 만들 수 있다.

버킷 ARN을 클릭해서 복사하고 정책 생성기로 들어간다.

 

사진과 같이 입력한다. Actions에는 getObject를 선택하고, ARN에는 아까 복사한 것을 붙여넣기하고 끝에 \*을 붙여준다.

후에 나온 JSON 형태의 결과물을 복사해서 붙여 넣어준다.

 

2. IAM

IAM은 내 AWS 리소스에 접근하기 위한 사용자 액세스 정책을 관리하기위한 서비스라고 생각하면 된다.

 

사용자 이름을 입력하고 액세스 키를 발급받는 유형을 선택한다.

 

권한 설정이다. 기존 정책 직접 연결에서 AmazonS3FullAccess를 선택해준다.

 

사용자 생성이 완료되면 위와 같이 액세스키 와 시크릿 키가 발급된다. 이 창을 넘어가면 다시 볼 수 없으니까 안전한 곳에 복사해서 저장해둔다. 난 바보같이 캡쳐만 해놔가지고 나중에 사진 띄워놓고 한자 한자 비교해가며 입력했다. 으휴.

 

모든 설정을 완료하고, 아래에 작성할 이미지 업로드를 위한 코드를 실행했는데 Access-denied 에러가 나왔다.
S3 버킷에 빼먹은 설정이 하나 있었다. 다시 버킷 설정의 권한으로 들어와서 ACL을 다음과 같이 바꾸어준다.

---

S3에 예시로 이미지를 하나 업로드해보았다. 객체 URL로 나오는 링크를 클릭하면 이미지가 잘 보이는 것을 확인했다. 실제 서버에서 S3에 저장한 이미지를 클라이언트로 보내줄 땐 저 URL을 활용한다.