Archive

React.js Deploy

|

React.js Deploy


  1. Deployment Steps

    • Check Base-path : BrowserRouter의 basename을 확인하자, 생략가능
    • Build Project : npm run build 명령어로 빌드
    • Server must Always serve index.html : 라우팅은 정확하게
    • Upload Build Artifacts to Server : 전체 파일이 아닌 빌드된 폴더를 업로드하자


  2. Deploying on Firebase

    • npm install -g firebase-tools
    • firebase login 첫로그인시 인증 필요
    • firebase init 몇가지 질문들에 답한다

    질문

    Hosting 선택은 space bar이다… enter 누르면 error…

    질문2

    Project Setup은 설정하지 않고 Hosting Setup에서 public directory를 build로 줬다

    질문3

    남은 질문들에 답을 하고 init을 마친다

    • init으로 만들어진 firebasec와 firebase.json 파일을 수정하여 정보를 바꿀 수 있다
    • firebase deploy
    • 이때 firebasec의 default project명과 firebase에서 만든 프로젝트명이 같아야한다
    • 터미널에 출력된 Hosting URL로 접속해 테스트를 진행한다



참고 자료


reactjs.org - 공식홈페이지

Udemy - React The Complete Guide