Amazon S3와 CloudFront로 정적 사이트 호스팅하기 1탄(with Route 53, ACM)

안녕하세요 김과입니다.

Amazon S3와 CloudFront로 정적 파일 배포하기를 해볼예정입니다.

목차는 다음과 같습니다.

#0 목차

#1 S3만들고 업로드

#2 테스트

#3 마무리하며

 

#1 S3만들고 업로드

먼저 S3에 배포할 홈페이지를 올리는 작업을 진행해 볼게요.

먼저 버켓이름과 리전을 선택해주세요.

나머지 옵션에 대해서는 건드리지 않고 넘어갈께요.

생성 후 아래와 같이 나타나게 됩니다.

해당 버켓을 클릭하여 들어가보면 다음과 같은 화면이 나타나요

 

업로드 버튼을 눌러 파일을 홈페이지 소스를 업로드 해봅니다.

 

드래그앤 드롭으로 올려지니 참고해주시면 될것 같아요.

업로드 후에 업로드 된 내용을 보면 다음과 같습니다.

이 파일을 호스팅 하기 위해서는 버킷의 옵션을 몇가지 변경해야합니다.

'Properties' 탭에 들어가서 가장 아래에 나와있는 Static website hosting 목록을 'Edit' 합니다.

Enable 로 변경 후 index document를 설정합니다. 제가만든 홈페이지의 경우 index.html 이므로 해당 내용을 입력한 후에 'Save changes' 합니다.

 

해당내용으로 변경됩니다.

#2 테스트

해당 주소로 테스트 해봤는데 접속해보면 403 에러가 나타나게 됩니다.

이유는 버킷 생성시 Block public access와 관련내용을 아래와 같이 해놓았기 때문이라고 하는데 모두다 풀어도 403 에러는 여전히 나왔습니다.

 

#3 마무리하며

해당 내용으로는 403에러가 나타났으며 호스팅이 완료되지 않았는데 2탄에서 cloudfront 를 추가해서 호스팅 작업을 완료할 예정이다.