프로젝트 배포 (firebase)

조뮁·2023년 1월 29일

React

목록 보기
33/34

https://firebase.google.com/?hl=ko

  1. firebase 홈페이지 -> 구글 계정 연동 -> 새 프로젝트 만들기
  • 하나의 프로젝트에 여러 웹을 배포할 수 있기 때문에, 고려하여 프로젝트 이름 설정
  • GA 설정은 자유!
  1. 빌드 -> Hoasting -> 시작하기
  2. firebase 호스팅 설정 - Firebase CLI 설치
    npm install -g firebase-tools
  3. firebase 호스팅 설정 - 프로젝트 초기화
    프로젝트 root 디렉토리에서 firebase login 실행
    (관리자권한으로 실행해야함)

    firebase init 실행 후 문답체크

완료 후 filebase-debug.log , firebase.json 파일 생성됨 (웹서비스를 호스팅하기 위해 필요한 파일임!)

5. 배포할 웹서비스 도메인 추가

  • firebase.json 에 배포할 주소 추가
{
  "hosting": {
    "site": "sw-react-pjt",
    "public": "build",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  }
}
  1. firebase 호스팅 설정 - 배포하기
    npm run buile
    firebase deploy

https://sw-react-pjt.web.app/

0개의 댓글