AWS에 React 배포하기 - 2, Route53 도메인 연결 및 SSL 인증서 발급

이전글 : https://iamiet.tistory.com/entry/AWS%EC%97%90-React-%EB%B0%B0%ED%8F%AC%ED%95%98%EA%B8%B0-1-S3-%EC%9B%B9%ED%98%B8%EC%8A%A4%ED%8C%85-%EC%84%A4%EC%A0%95

AWS에 React 배포하기 - 1, S3 웹호스팅 설정

 

CloudFront로 S3에서 호스팅한 웹사이트를 배포하기전에 우선 구매한 사설도메인을 Route53에 연결해줘야 한다.

 

사설 도메인을 연결해야 AWS ACM을 통해 SSL 인증서 발급이 가능하다.

 

● Route53 레코드 생성

도메인 이름 : 구매한 사설 도메인 이름을 입력해준다. 나의 경우 hdev.site라는 도메인을 구입했다.

유형 : 퍼블릭 호스팅 영역 체크, 외부에서 접근이 가능하도록 설정해야한다.

 

레코드가 생성된 화면

 

레코드가 생성되면 NS, SOA 유형의 레코드가 생성되어있다. 값/트래픽 라우팅 대상에 있는 url 주소를 도메인업체 네임서버에 입력해줘야 한다. 나의 경우 가비아에서 구매했다.

 

가비아 네임서버 설정

NS 레코드에 존재하는 라우팅대상 URL을 도메인업체(가비아 등) 네임서버에 설정해준다.

 

 

● AWS ACM에서 SSL 인증서 생성

Certicicate Manager

 

인증서발급 - 1

 

인증서발급 - 2

도메인 이름 : 구매한 도메인 이름을 입력해준다. 나의 경우 hdev.site 도메인이다.

검증 방법 : DNS 검증, 구매한 도메인을 사용하여 DNS 검증을 수행할 예정이다.

 

발급받은 인증서의 세부 설정을 들어가서 "도메인" 메뉴를 찾아준다.

 

인증서발급 - 3

현재 위 화면의 경우 인증서 발급 및 Route53 연결이 완료되어 보이는 화면이다. 우측에 Route 53에서 레코드 생성 버튼을 누르고 약 30분에서 1시간정도 기다리다보면 발급이 완료된다. (지금까지 모두 잘 따라했다면...)