[AWS] AWS Cloudfront로 s3 파일 배포하기 (feat. react)

앤지·2022년 10월 20일
0

💻AWS 이모저모💻

목록 보기
2/6

cloudfront 생성 및 설정

배포 생성

cloudfront에 배포 생성하기 버튼 클릭

원본

원본 도메인을 클릭해서 파일이 있는 s3버킷을 선택
버킷을 선택하면 이름 섹션은 자동으로 완성된다.

이름 밑에 S3버킷 액세스 섹션이 생기는데 Legacy access identities를 선택 후 새 OAI생성 버튼 클릭
그리고 버킷정책은 예, 버킷 정책 업데이트를 클릭함으로서 배포 생성할때 자동으로 버킷 정책이 업데이트 되게한다.

기본캐시동작

뷰어 프로토콜 정책은 Redirect HTTP to HTTPS로 설정하여 HTTP로 접속해도 HTTPS로 리다이렉트 되도록한다.

설정

가격분류같은 경우 모든 엣지 로케이션에서 사용이 디폴트이지만 현재 프로젝트가 국내 위주로 서비스 될 예정이라 세번째 옵션을 선택하였다. (가격이 더 저렴함)

커스텀도메인같은경우 SSL인증서를 요청해서 HTTPS에 정상적으로 접속할수 있도록 한다.
기본값 루트 객체는 index.html을 사용한다.

그리고 배포 생성 버튼 클릭

오류페이지 설정

배포 도메인 이름을 주소창에 붙여넣으면 잘 동작되는것을 볼 수 있다.

하지만 리액트경우 SPA방식으로 동작되기 때문에 Fallback Redirect 설정을 해주어야 한다.

(실제로 새로고침을 하면 액세스 거부 오류가 나타난다)

아이디를 선택하면 오류페이지로 갈 수 있는데 여기에 사용자 정의 오류 응답 생성 버튼을 클릭한다.

위와 같이 설정하고 사용자 정의 오류 응답 생성 버튼을 클릭한다.

모든 설정 완료 ✨

0개의 댓글