Firebase 서버 주소 CouldFlare의 도메인주소에 연결하기

오늘은 Firebase를 사용하여서 xxx.firebaseapp.com으로 되어있는 주소를,

CloudFlare를 거쳐서 가비아(Gabia)에서 구매한 도메인 네임으로 연결하는 방법에 대해

정리해 보도록 하겠습니다.

먼저, DNS란 개념에 대해서 알아야 하기에 간단히 알아보고 가겠습니다.

1. DNS

DNS란 Domain Name Server의 줄임말인데요.

먼저, Domain은 IP주소를 사람이 기억하기 쉽게 문자로 된 주소입니다.(www.naver.com처럼 말이지요)

어떤 Domain에 접속하고자 할 때, Domain name에 해당하는 ip정보를  제공해주는 서버가 바로 DNS서버입니다.

도메인을 구입하게 되면, 가비아나 싼도메인같은 대행사를 통해서 도메인을 구입하게 되는데요.

구입한 Domain Name(ex> www.buy.com)에 어떤 유저가 접속하게되면, 대행사 소유의 DNS서버가 가지고 있던 ip주소를 알려주고, 

그 ip주소로 유저가 접속하게 되는 것입니다.

아래와 같이 이해하시면 편한데요.

따라서 저희가 도메인을 구매하는 업체에 제공해 주어야 할 것은,

저희가 구매한 Domain(www.buy.com)의 Domain Name Server에

실제로 연결해 줄 IP주소를 제공해 주는 것 입니다.

그럼 이제, 실제로 CloudFlare와

도메인을 구입한 가비아에서 설정을 해 보도록 하겠습니다.

2. CloudFlare와 가비아에서 설정하기

제일 먼저 할일은 CloudFlare에 가입을 하는 일입니다.

CouldFlare에 가입하면 가장 먼저 나오는 화면은 다음과 같은데요.

등록할 도메인 네임(가비아 등에서 구매한 도메인)을 입력해 줍니다.

입력시에 www같은 서브도메인은 입력하지 않습니다.

정상적으로 입력했다면 아래와 같은 화면을 볼 수 있는데요.

Next를 누르고 넘기면,

아래와 같이 플랜을 정하라고 하는 화면이 나오는데,

Free만해도 글로벌 CDN을 제공해주면, DDos공격을 완화해 준다고 하는군요.

일단 Free를 선택합니다.

confirm plan을 누르고 일단은 계속 화면을 넘기고 나옵니다.

OverView탭에서 아래와 같은 화면을 볼 수 있는데요.

제일 중요한 것은,

현재의 도메인을 구입한 곳에 정의되어 있는 

1번 상자안의 name서버 주소를 

2번의 CloudFlare의 네임서버 주소로 변경하라고 하는 것입니다.

변경하고 나서 하단의 Re-check now버튼을 눌러주어야 합니다.

이제 가비아로 가서 도메인 네임서버를 변경해서 설정해 주시면 됩니다.

여기서 적용을 하고, CloudFlare에서 re-check버튼을 눌러서,

CloudFlare에서 확인이 되면 이제 Firebase의 설정으로 넘어갈 수 있습니다.

re-check되기까지는 몇시간정도 걸리기도 합니다.

3. Firebase에서 도메인 연결

아래와 같이 Firebase> Hosting에 가면,

떡하니 Connect domain버튼이 보입니다.

클릭하면 아래와 같은 화면이 나옵니다.

도메인을 입력해 주면 됩니다.

이제 Firebase에서 설정을 이어 갑니다.

아래의 txt레코드를 dns프로바이더에 붙이라고 나와있는데요.

클라우드 플레어에 추가해 주면 됩니다.

이 부분을 복사해서, 

cloudflare의 dns탭에 붙여넣어주시면 됩니다.

이상없이 붙여넣었다면 

아래와 같이 A레코드값이 나오는데요.

참고로 A record라고 하는 것은, 

위의 A 레코드 값을 CloudFlare의 DNS탭에서,

이번에는 TXT가 아닌, A를 선택하여서 두 개 모두 추가해 줍니다.

이 작업을 다 마치고 나서도,

firebase에서 사이트가 연결되는데에 시간이 꽤 필요합니다.

Hosting의 dashboard에 Status가 나오는데요.

Needs setup으로 나오고 있네요.

마지막으로 Firebase와 CloudFlare를 연결할 때 꼭 설정해야 할 것은 SSL설정입니다.

처음에는 'Flexible'로 설정되어 있는데요.

아래와 같이 Full로 변경해 주어야 합니다.

이렇게 해서 Firebase와 CloudFlare 그리고 가비아 도메인을 연결하는 방법을 정리해 보았습니다.