Firebase로 배포하기

버전 v10

Firebase로 배포하기

프로젝트 초기화

• firebase init hosting : 초기화가됨, 해당 프로젝트위치의 터미널에서 입력
• Command line에 아래와 같이 입력
  • Use an existing project:현재 내가 갖고있는 파이어베이스 프로젝트중에서 고른다
  • fastcampus-react-blog(프로젝트명) : 프로젝트 이름 선택
  • What do you want to use as your public directory? -> ‘build’ 입력
  • Configure as a single-page app (rewrite all urls to / index.html) : Yes
  • Set up automatic builds and deploys with GitHub? -> No
    

여기까지하면 터미널에 아래와 같은 문구가 나온다.

+  Wrote build/index.html
+  Firebase initialization complete!

그리고 해당 프로젝트로 가보면
.firebaserc, firebase.json 파일 두개가 추가되어있다.

사이트 배포

• yarn build (빌드 후 배포)
• firebase deploy –only hosting
• 배포된 url확인 (http://xxx-xxx-xxx.web.app)
  

Google console 및 Firebase 보안 적용

• Firebase Auth > settings > 승인된 도메인 추가
• Google Console > API > 보안 URL 추가