해당 포스트는 React, Java Spring, MySQL을 활용한 프로젝트를 배포하는 방법 - 3
즉, 생성된 S3 버킷을 CloudFront와 연동하고 Route 53을 통해서 가비아에서 발급받은 도메인에 연결짓는 방식에 대해 다룬다
☁️ CloudFront
☁️ CloudFront란?
-
AWS에서 제공하는 글로벌 콘텐츠 전송 네트워크 (CDN) 서비스
-
사용자에게 콘텐츠를 더 빠르게 제공하기 위해 전 세계에 분산된 서버 (에지 로케이션) 네트워크를 활용
-
사용자가 콘텐츠 요청 시, CloudFront는 사용자에게 가장 가까운 에지 로케이션에서 콘텐츠를 제공해서 대기 시간을 줄이고 다운로드 속도를 향상
-
CloudFront를 사용하게 되면, 사용자는 CloudFront를 통해 S3에 접속하게 됨
☁️ CloudFront 생성 및 S3 연동
-
CloudFront에서 배포 생성
-
생성된 S3 버킷 선택 후 웹 사이트 엔드포인트 사용 허용
-
WAF 비활성화
🪁 Route 53
🪁 Route 53이란?
- DNS (Domain Name System) 웹 서비스
- DNS: 도메인 이름으로 접속했을 때 IP주소로 바꿔주고 해당 IP로 접속하는 과정
🪁 Route 53 연동
-
Route 53에서 배포할 가비아 도메인 이름으로 호스팅 영역 생성
ex)at-hong.shop -
CloudFront 설정 편집에서 가비아에서 발급받은 도메인으로 대체 도메인 설정
ex)at-hong.shop
-
SSL 인증서 선택 -> AWS Certificate Manager로 발급
🧑✈️ ACM (AWS Certificate Manager)
- CloudFront에서 사용할 ACM은 반드시 버지니아 북부에서 발급받아야 함
- 인증서 요청에서 구입한 도메인 입력 후 발급
- 여기서 도메인은 Route 53의 도메인과 동일한 이름이어야 함
ex)at-hong.shop
- ACM 도메인 영역에서 Route 53에 레코드 생성 클릭하게 되면 Route 53에
CNAME추가됨
- Route 53의 방금 생성한 호스팅 영역에서 레코드 생성
- 반드시 레코드 유형
A, 별칭 허용, CloudFront 배포에 대한 별칭으로 설정
📄 가비아 설정
-
발급받은 도메인의 관리 메뉴로 이동
-
Route 53 호스팅 영역에 발급받은 4개 NS(네임서버)를 가비아에 모두 등록
-
가비아 DNS 설정에서 2개 추가
-
호스트 명은
@로, 값은 CloudFront의 배포 도메인 이름 (~.cloudfront.net) 추가 -
ACM에서 레코드 생성 버튼 눌렀을 때 Route 53에서 생성된
CNAME레코드 참고해서 호스트 명은레코드 이름으로, 값은레코드 값으로 추가
✔️ 중간 점검
그럼 https로 안전하게 배포된 화면을 확인할 수 있다 🥹
