Firebase 호스팅 이용

이번 내용은 제가 vuejs + firebase 공부를 하면서  firebase의 호스팅 기능을 사용 할 때 필요한 커맨드를 소개합니다.

개발 중이신 vue 프로젝트 디렉토리에서 아래의 명령어들을 순서대로 하시면 firebase의 호스팅 기능을 사용할 수 있습니다.(구매하신 도메인이 있다면 해당 도메인을 firebase console에서 맵핑할 수 있는것으로 알고 있습니다. 전 아직 하진 않았습니다.)

 

1. npm install -g firebase-tools

해당 명령어는 npm(node package manger)를 이용해 로컬에서 firebase 관련 명령어를 사용할 수 있게 합니다.

-g 옵션은 해당 패키지를 전역에서 사용할 수 있도록 설치하는 옵션입니다.

 

2. npm run build

현재 디렉토리에 있는 vue 프로젝트를 /dist 경로에 배포를 위한 파일로 빌드해줍니다.

 

3. firebase login

해당 firebase 프로젝트에 로그인을 해줍니다.

 

4. firebase deploy

조금 기다리시면 배포가 완료됩니다.배포가 완료되면 {firebase 프로젝트 명}.web.app혹은

{firebase 프로젝트 명}.firebaseapp.com

으로 접속이 가능합니다.