클라우드/카카오 클라우드

[카카오 클라우드] LB에 하위도메인 등록해서 HTTPS 통신하기(Mixed Content 에러 해결)

밥빵 2024. 2. 8. 11:15

 LB에 하위도메인 등록해서 HTTPS 통신하기


개요

현재 dalkom.shop 도메인은 CDN을 통해 정적 웹 호스팅되고 있으며, TLS 1.2 인증서가 발급 및 등록된 상태입니다. 

ALB는 Public IP(http://61.109.216.101)를 사용하고 있기 때문에 웹 서버가 HTTPS로 ALB에게 요청을 하면 Mixed Content에러가 발생합니다

이를 해결하기 위해 lb.dalkom.shop이라는 하위 도메인을 ALB에 등록함으로써 Mixed Content 오류를 해결해보겠습니다.

*카카오 클라우드 공공기관 리전 입니다.
*와일드카드 인증서가 발급되어 있습니다.

 

Mixed Content 에러


LB 리스너 추가

HTTPS 요청을 받을 수 있도록 LB에 리스너를 추가합니다.

 

 

인증서 추가

미리 발급 받아놓은 와일드카드 인증서를 등록합니다.

 

 

DNS 레코드 수정

DNS 서비스에서 레코드를 수정합니다.

도메인 : dalkom.shop
A레코드 호스트 : lb
A레코드 값 : lb 공인 ip 주소 (61.109.216.101) 

*저는 해당 도메인을 가비아에서 발급 받았습니다.

 

 

 

기존 공인 IP주소가 lb.dalkom.shop 도메인으로 API 요청을 보낸 결과입니다.

 

 

 


참고사항

Mixed Content에러는 브라우저 단에서 보안을 위해 에러를 발생시키는 방식입니다.

아래와 같이 API 테스트 툴을 사용하는 경우에는 Mixed Content 에러가 발생하지 않습니다.