매우 간단하게 Firebase Hosting 시작하기

 

Firebase를 이용하면 무료로 Hosting 이 가능하다.

본인의 웹페이지를 만들고 싶거나, 개인정보 처리방침 등의 static한 페이지를 만들거나, 앱에서 애플 로그인을 구현할 때 등 많은 상황에서 호스팅 기능이 필요하다. 아래의 방법대로 아주 간단하게 Firebase 의 hosting 기능을 사용해 보도록 하자.

 

우선 Firebase 콘솔로 이동하여 Hosting 메뉴를 클릭하자.

https://firebase.google.com 

Firebase

 

프로젝트가 없다면 이 참에 하나 생성하자. 프로젝트 생성을 하고 들어가면 왼쪽 메뉴 중 Hosting 메뉴가 보일 것이다.

자, 이제 시작이다.

 

Firebase > Hosting 시작하기 클릭

내 프로젝트의 터미널 창에서 위처럼 입력하자.  npm install -g firebase-tools

***** access 관련 permission denied (접근 불가 등의 오류)로 설치가 안되는 경우 아래처럼 sudo 를 앞에 붙이고 다시 수행하자 (sudo 는 관리자 모드로 수행하겠다는 의미)

mac 시스템 Password 를 입력하면 정상적으로 설치가 진행될 것이다.

정상 설치되었다.

다시 Hosting 설정 페이지로 돌아와 다음 버튼을 클릭하자.

다시 프로젝트 터미널 창으로 돌아가 firebase login, firebase init 을 수행하자.

우리는 Hosting 이 필요하다. 체크

현재 개발 중인 프로젝트가 있으니 Use an existing project 선택

Hosting 을 사용하고자 하는 프로젝트 선택

나머지 옵션들은 프로젝트에 맞게 선택해주면 된다. 나의 경우 public, single-page app Yes, deploys with Github No 를 선택함

다시 Hosting 설정으로 돌아오고 다음을 누르자. 마지막 단계는 firebase deploy를 하면 실제 웹에 호스팅이 된다는 의미이다. 프로젝트 터미널 창에서 firebase deploy 를 진행해보자.

Deploy complete! 문구가 보인다. 잘 적용되었는지 크롬을 띄우고 URL 을 입력해보자.

잘 호스팅이 되었다.

Firebase > Hosting 메뉴로 가보면 배포된 내역 확인이 가능하다.