[Firebase] Firebase 웹 호스팅, 배포하기

Firebase 프로젝트를 생성하면 편리하게 정적 웹 호스팅을 진행할 수 있다. 이번에 TodoList를 만들며 Firebase의 Auth, Firestore 서비스를 활용했는데 호스팅도 지원해서 한번 시도해봤다. 순서는 다음과 같다.

(프로젝트는 노마드코더 사이트의 트위터 클론 코딩을 참고해서 진행했다.)

 

1. Firebase의 콘솔로 이동해 프로젝트를 호스팅 할 프로젝트를 선택한다.

 

 

2. 호스팅 탭으로 이동해 "Get Started"버튼을 누른다.

 

 

3. 호스팅 안내가 나오는데, 설명에 따라서 firebase-tools 모듈을 설치한다.

 

4. 프로젝트의 Root Directory로 이동해 아래 커맨드를 실행한다.

이때 login 할 때의 계정은 Firebase 계정을 사용하면 된다.
로그인할 때 이메일을 입력하면, 로그인할 수 있는 링크가 생성되고 이후 로그인을 진행하면 된다. (구글 계정 기준)

 

5. 로그인 후에 아래 커맨드를 실행한다.

firebase init hosting

 

6. 현재 있는 프로젝트를 진행할 것이므로 첫 번째 메뉴에서 Enter를 입력한다.

 

7. 배포할 프로젝트를 선택한다.

 

8. 배포 옵션을 선택한다. 첫 옵션에는 배포할 폴더를 입력한다. 나는 build 폴더에 빌드를 진행해서 build를 입력했다. 나머지 옵션들은 모두 No를 입력한다.

 

9. 아래 코드를 입력하면 배포 전에 결과물 미리보기를 할 수 있다.

firebase serve --only hosting

 

10. 마지막으로 아래 명령어를 실행해 배포를 진행한다.

firebase deploy

 

11. 성공하면 마지막 Hosting URL에 프로젝트가 배포된다.

 

---

배포 결과

배포 성공!!