[Firebase] Firebase Hosting

728x90

웹이나 앱 애플리케이션을 만들고 다른 유저들도 사용할 수 있게끔 하기 위해서는 배포를 해야 합니다. 오늘은 배포를 정말히 간단히 할 수 있게끔 도와주는 Firebase Hosting에 대해 알아보겠습니다.

로그인 - Google 계정

이메일 또는 휴대전화

accounts.google.com

위의 링크로 접속해서 로그인 후 '프로젝트 추가' 누르기. 각자 프로젝트에 맞게 프로젝트 이름 작성

구글 애널리틱스는 빼고 진행. 프로젝트 만들기 버튼 누르기

모든 Firebase 기능 보기에서 Hosting을 선택

1. Firebase CLI 설치

npm install -g firebase-tools

2. Firebase 로그인 / 시작

firebase login

firebase init

Hosting까지 방향키로 내려가주시고 space 누르고 enter 누르기

Use an existing project 선택 후 자신의 프로젝트에 enter 누르기

폴더명은 반드시 'dist' 로

이러면 Initialization은 완료!!

"scripts": {
    ...
    "predeploy": "npm run build",
    "deploy": "firebase deploy"
},

npm run deploy 명령어 실행 시 predeploy를 먼저 실행시킴. 즉 자동으로 build를 먼저 한 후 deploy 되게끔 함

npm run deploy

명령어 입력하면 정상적으로 배포됨

배포는 이렇게 하면 끝이고, 계속 deploy 해 나가면서 롤백도 가능하기 firebase hosting이 여러모로 편리한 거 같습니다. 다음에는 firebase에서 배포 외의 db나 다른 기능들도 포스팅해보겠습니다.

728x90

Cat loves (to) box.