Firebase 호스팅 사용하기 - Custom Domain 연결

Firebase 로고

개요

Firebase 호스팅을 사용하면 기본적으로 project-name.firebaase.com과 project-name.web-app.com을 제공해 줍니다. 만약 사용자가 별도의 도메인 이름을 사용하고자 한다면 Firebase 호스팅은 Let’s Encrypt로 서명만 SSL 인증서를 자동으로 제공해 줍니다.

저는 Firebase 호스팅의 커스텀 도메인 연결방법을 확인하기 위해 Freenom.com에서 최대 1년 사용할 수 있는 무료 도메인을 신청하여, Firebase 호스팅에 연결해 보았습니다.

사전작업

• 도메인 신청
  • Freenom.com에서 제공하는 무료 도메인을 신청하였습니다. (aptstar.tk)
• Firebase Hosting
  • 파이어베이스 프로젝트의 ‘시작하기’ 마법사를 완료

호스팅용 도메인 설정

파이어베이스 프로젝트의 호스팅 페이지에서 [커스텀 도메인 추가 마법사]를 시작합니다.

커스텀 도메인 추가 마법사

1. 도메인 입력

   • 호스팅 사이트에 연결할 커스텀 도메인 이름(aptstar.tk)을 입력합니다.
   • [계속]을 클릭하여 다음 단계로 이동합니다.

2. 소유권 확인

   • google-site-verification=xxxxxxx...xxxxx 형태의 도메인 소유권 확인을 TXT 레코드 항목이 표시됩니다.

   • 도메인 제공업체(Freenom.com)의 DNS 관리 페이지에 해당 값을 입력한 후 저장합니다.

     • Freenom의 도메인 관리 메뉴인 [My Domains]에 접속합니다. [Manage Domain]을 클릭합니다.

       

       Freenom My Domains 페이지

     • 도메인 관리 페이지에서 [Manage Freenom DNS]을 선택합니다.

       

       Freenom 도메인 관리 페이지

     • "소유권 확인"을 위해 제공받은 TXT 레코드 값을 추가합니다.

       

       Freenom DNS 관리 페이지에 TXT 레코드 값 추가

   • (업데이트된 TXT 레코드를 전파하는 데 최대 24시간이 걸릴 수 있습니다.) [확인]을 클릭합니다.

   • [확인]을 클릭했을 때 오류 메시지가 표시되는 경우 레코드가 전파되지 않았거나 값이 잘못되었을 수 있습니다. (아래의 [참고] 소유권 설정 확인 방법의 내용을 참고합니다.)

3. 서비스 개시

   • 소유권 확인이 완료되면 다시 제공된 A 레코드를 앞서 와 마찬가지 방법으로 Freenom의 도메인 관리 메뉴에 접속하여 추가합니다.

     

     Firebase 호스팅을 가리키는 DNS A 레코드

     

     Freenom DNS 관리 페이지에 두개의 A 레코드 값 추가

   • SSL 인증서가 프로비저닝되기를 기다립니다. A 레코드가 Firebase 호스팅을 가리키도록 설정한 후 최대 24시간이 걸릴 수 있습니다. 대부분의 경우 레코드 전파와 SSL 인증서 프로비저닝은 도메인 제공업체에 따라 몇 시간 내에 이루어집니다.

     

     SSL 인증서 프로비저닝 대기

   • SSL 인증서가 프로비저닝 되기 전에 접속하면 다음과 같이 HTTP로 서비스됨을 확인할 수 있습니다.

     

     SSL 인증서 없음 상태

   • SSL 인증서가 프로비저닝 되면 다음과 같이 HTTPS로 서비스 됨을 확인할 수 있습니다.

     

     SSL 인증서 프로비저닝 완료 상태

[참고] 소유권 설정 확인 방법

소유권 설정을 위해 TXT 레코드를 DNS 관리 페이지에 정확히 하였는지 확인하고자 한다면 다음과 같이 dig 도구를 사용하여 설정이 되었는지 확인할 수 있습니다.

sergio@Sergio:~/PyCrawling$ dig aptstar.tk txt

; <<>> DiG 9.11.3-1ubuntu1.11-Ubuntu <<>> aptstar.tk txt
;; global options: +cmd
;; Got answer:
;; ->>HEADER<<- opcode: QUERY, status: NOERROR, id: 16868
;; flags: qr rd ra; QUERY: 1, ANSWER: 1, AUTHORITY: 4, ADDITIONAL: 5

;; OPT PSEUDOSECTION:
; EDNS: version: 0, flags:; udp: 4096
; COOKIE: 8d48c40d02e4a7e40dc37b0c5f169a5341320d0c9e21f072 (good)
;; QUESTION SECTION:
;aptstar.tk.                    IN      TXT

;; ANSWER SECTION:
aptstar.tk.             3600    IN      TXT     "google-site-verification=v0oW8NN524oj1bnJkCXUiujkcbveN6bSsBrKYRBmHiA"

;; AUTHORITY SECTION:
aptstar.tk.             299     IN      NS      ns02.freenom.com.
aptstar.tk.             299     IN      NS      ns03.freenom.com.
aptstar.tk.             299     IN      NS      ns01.freenom.com.
aptstar.tk.             299     IN      NS      ns04.freenom.com.

;; ADDITIONAL SECTION:
ns01.freenom.com.       373     IN      A       54.171.131.39
ns02.freenom.com.       373     IN      A       52.19.156.76
ns03.freenom.com.       373     IN      A       104.155.27.112
ns04.freenom.com.       3096    IN      A       104.155.29.241

;; Query time: 293 msec
;; SERVER: 168.126.63.1#53(168.126.63.1)
;; WHEN: Tue Jul 21 16:33:30 KST 2020
;; MSG SIZE  rcvd: 299

참고

• 커스텀 도메인 연결
• Firebase Hosting from freenom (dot.tk)