Firebase로 배포하기

일정 트래픽 이상이 될 때 비용이 생긴다.

작은 규모의 프로젝트를 올릴 때 유용하다.

 

 

 

 

1. 프로젝트 만들기

2. 구글 애널리틱스는 데이터분석기능이므로 스킵해도됨

3. Hosting 탭

4. CLI를 이용해야함

5. npm install -g firebase-tools

6. firebase login - 크롬창에서 구글 로그인하면됨

7. firebase init - firebase.json 생성 - 아래처럼 옵션 설정해야함 

우리가 사용할 기능

우리가 만든 프로젝트 선택

SPA를 위한 설정인데 url경로가 아까처럼 에러가 생기면 index.html로 돌릴거냐고 묻는 것이다.

우리는 필요하니까 yes로 한다.

github과 연동해 github가 업뎃되면 자동으로 업뎃하는 기능인데 필요없으므로 NO를 한다.

 

아까 설정했던 rewrite 확인(404에러 처리)

8.firebase deploy

위와 같이 도메인이 생긴다.

들어가게 되면 아래와 같이 뜨는 상황이 생긴다.

이는 아까 옵션 설정할 때 public directory를 public으로 설정해서 그렇다.

public 폴더에 있는 index.html을 지우고 내가 개발한 파일들을 옮기면 된다.

 

그러면 잘 작동하는 것을 볼 수 있다. (새로고침 문제까지 해결되었을 것이다.)