Coding Log


Firebase Hosting 포스팅에 앞서

본 카테고리는 작년부터 구글이 밀고 있는 Serverless인 Firebase의 Hosting에 관하여 다룬다.

일반적인 호스팅 서비스와는 다르게 정적 페이지만을 호스팅해주는 서비스로 각각 장단이 존재한다.

Firebase의 많은 서비스 중 Hosting에 대해 정리해본다.

참고 Firebase 공식 사이트

참고 Firebase Korea Facebook Group

참고 Firebase Korea Github

도메인 연결

시작하기 전에 공식 홈페이지의 맞춤 도메인 연결 문서를 확인해보자.

여기서도 텍스트 위주의 Document 특유의 불친절함을 느낄 수 있다.

이번에도 실제로 도메인을 연결한 사례를 들어 포스팅을 진행해보겠다.

현재 Firebase Korea라는 커뮤니티를 준비중인데 미리 구매해둔 firebasekorea.io라는 도메인을 프로젝트에 직접 연결했었다.

도메인 연결에 대한 내용을 살펴보고 연결 과정을 보도록 하자.

Firebase의 Hosting은 배포시 자동으로 부여되는 <YOUR-FIREBASE-APP>.firebaseapp.com형식의 도메인 뿐만 아니라 개별적인 도메인을 연결하여 사용할 수 있다.

도메인의 레벨은 https://example.com과 https://myrealtimeapp.example.com 과 같은 1레벨의 서브도메인까지 사용할 수 있다.

Firebase 프로젝트를 생성하자마자 도메인을 연결할 수는 없고 먼저 초기 배포를 한 번은 진행해야 한다.

초기 배포 후 <YOUR-FIREBASE-APP>.firebaseapp.com 도메인을 먼저 할당받고 이를 대체할 도메인을 연결하는 방식이다.

Github pages와 유사하다고 보면 되겠다.

Firebase Hosting 배포는 아래의 포스팅을 참고하자.

참고 Firebase Hosting 환경 설정 및 배포 포스팅

최초로 배포를 하였다면 아래의 스크린샷과 같은 화면은 확인할 수 있다.

제일 우측 상단을 보면 도메인 연결이라는 버튼이 활성화되는데, 이 버튼을 통해 특정 도메인을 연결할 수 있다.

도메인 연결 버튼을 누르면

Modal 형식의 창이 뜬다.

도메인 추가 / 소유권 확인 / 서비스 개시 순으로 작업하면 자도응로 도메인을 연결해준다.

사전에 프로젝트에 연결할 도메인이 준비한 뒤, 해당 도메인을 입력하도록 한다.

입력한 뒤 계속을 누르면

입력한 도메인과 함께 인증을 위한 TXT값이 주어진다.

도메인을 구입한 곳에서 zone 파일을 혹은 DNS 서버 정보를 수정하여 특정 시간이 지나면 도메인이 적용된다.

아래는 도메인 연결을 제외한 Firebase 공식 페이지의 설명이다.

SSL 인증서 발급 대기

도메인 소유권이 확인되면 도메인에 대한 SSL 인증서가 발급되어 글로벌 CDN을 통해 배포됩니다. 이 절차에는 24~48시간이 걸릴 수 있습니다.

도메인 활성화

이제 도메인에 대한 DNS 레코드가 Google의 서비스를 가리키도록 해야 합니다. 도메인의 인증서가 활성화되면 Firebase 콘솔에 특정 A 또는 CNAME DNS 레코드가 표시됩니다. DNS 변경사항이 전파되고 나면 연결된 도메인에서 사용자가 Firebase 호스팅 사이트에 액세스할 수 있습니다.

맞춤 도메인으로 하위 도메인 리디렉션

맞춤 도메인을 사용 설정한 경우 도메인 이름 서버에 CNAME 레코드를 추가하여 해당 도메인을 가리키는 임의 하위 도메인을 구성할 수 있습니다. 모든 하위 도메인은 301 HTTP 상태 코드와 함께 선택한 맞춤 도메인으로 리디렉션됩니다.

예를 들어 선택한 맞춤 도메인이 realtime-all-day.com이고 www에 대해 Firebase 호스팅을 가리키는 CNAME 레코드를 추가한 경우 https://www.realtime-all-day.com의 방문자는 https://realtime-all-day.com으로 리디렉션됩니다.

다른 예로, 하위 도메인을 www.realtime-all-day.com과 같은 선택한 맞춤 도메인의 일부로 지정하고 Firebase 호스팅을 가리키도록 도메인의 A 레코드를 구성하면 https://realtime-all-day.com의 모든 요청이 https://www.realtime-all-day.com으로 리디렉션됩니다.

DNS 서버에 와일드카드 CNAME 레코드를 구성하면 모든 하위 도메인을 선택한 도메인으로 리디렉션할 수 있습니다.

DISQUS 로드 중…
댓글 로드 중…

트랙백을 확인할 수 있습니다

URL을 배껴둬서 트랙백을 보낼 수 있습니다