[Firebase]구글 Firebase로 배포하기

Firebase Hosting 서비스

프로젝트 만들기

1. firebase에 회원가입 & 로그인

2. 프로젝트 추가 클릭

3. 프로젝트 이름 지정

※아래에 연필 아이콘 뒤에 나오는 것이 링크 이름

파이어베이스에서 생성한 적이 없는 프로젝트 이름이면 프로젝트 이름이 링크 이름이지만,

이미 있는 이름이면 test-8b105 이런식으로 프로젝트 이름 뒤에 임의의 코드가 붙게 된다.

4. 애널리틱스 사용은 본인 선택, `계속` 버튼 클릭

5. 구글 계정 선택 후 `프로젝트 만들기` 클릭

6. 로딩 후 프로젝트가 생성됨

7. 프로젝트가 생성되면 프로젝트의 첫 화면으로 옴

8. 좌측 메뉴 칸에서 `빌드-Hosting`을 누른 후 `시작하기` 버튼 클릭

호스팅 설정하기

1. npm install -g firebase-tools 복붙하기

2. firebase login 복붙하기

yes → 프로젝트 만든 계정 선택 → 성공 창 뜸

3. firebase init 복붙하기

1) 진행할 준비 되었나요? yes

2) 밑으로 내리는건 방향키 ↓, 선택은 space bar → hosting 두 개를 선택한다

3) 위에서 프로젝트를 생성했으니 Use an exisiting project 선택

4) 배포할 프로젝트 이름 선택

5) publice 디렉토리에 할건가요? build

깃허브는 선택이고 나머지는 그림과 같이 하면 된다.

배포하기

1. npm run build

수정한 내용을 배포할 파일에 빌드하기

2. firebase deploy --only hosting

firebase deploy로 하면 요금제로 전환하라는 문구가 뜸

hosting은 무료 서비스이기 때문에 요금제가 필요 없으므로 hosting만 배포하면 됨

3. Hosting URL에 있는 링크를 누르면 배포가 된 걸 볼 수 있음

https://choijinsilportfolio.web.app