Firebase 웹 호스팅 하기

https://hyunjinminportfolio.web.app/

1. 아래 링크로 들어가 구글로그인을 해 준다.

https://console.firebase.google.com/

로그인 - Google 계정

2. 프로젝트 만들기

이름을 지정해 준다.

 

계속 하다보면 완료 된다.

2.Firebase 호스팅 설정

Firebase CLI 설치 

터미널을 열어 아래를 입력한다.

npm install -g firebase-tools

powershell쓰면 보안문제떠서 기본 명령 터미널로 바꿨다

Firebase 로그인

firebase login

y 든 n든 해주면 인터넷 창이 열린다.

구글 로그인

3. 프로젝트 초기화

프로젝트 초기화를 통해 firebase프로젝트에 연결해준다

원하는 폴더로 cd해준뒤 아래 명령어를 실행한다.

firevase init

wow

호스팅이 목적이니까 키보드 화살표를 사용해 이동해 스페이스바로 체크한 다음 엔터

2.프로젝트 만들기 에서 만들었던 프로젝트를 사용할 것이기 때문에 use an existing project를 선택하고
프로젝트 목록에서 원하는 프로젝트를 선택하고 엔터

웹에서 public으로 접근할 수 있는 directory의 이름을 정해야한다.

파이어 베이스 기본 권장 값인 public으로 해도 무방하다

나머지는필요에 따라 y나 n 해준다.

성공

4. firebase 배포 확인

호스팅 전 로컬 환경에서 테스트가 가능하다. 

firebase serve --only hosting

구웃

이제 아래 명령어를 사용해서 firebase 프로젝트의 기본 호스팅 사이트에 배포할 수 있다.

로컬의 데이터와 동기화 하는 작업

firebase deploy

https://hyunjinminportfolio.web.appy 라고 나오는데 https://hyunjinminportfolio.web.app으로 들어가진다.

확인

firebase 웹사이트에서 배포 기록도 볼 수 있다.

파일을 public으로 옮겨주면 화면 나온다

https://hyunjinminportfolio.web.app/