Firebase에 React 앱을 배포하는 방법은 무엇입니까?

2493 단어 firebasereactwebdev
Firebase에 계정을 만들었다고 가정하고 Firebase 콘솔에서 프로젝트를 생성하여 Firebase에 React 앱을 배포하는 단계로 넘어갑시다.

Firebase 프로젝트 만들기
Firebase에 로그인하고 웹사이트 오른쪽 상단에 있는 "콘솔로 이동"버튼을 통해 콘솔로 이동합니다. 콘솔 패널이 열립니다. 거기에서 "프로젝트 추가"탭을 누르고 원하는 이름으로 프로젝트를 만듭니다. 아래와 같이 프로젝트 개요 창이 열립니다.



거기에 있는 안드로이드 아이콘 바로 옆에 있는 웹 아이콘을 누릅니다. 적절한 이름으로 앱을 등록하십시오. 거기에서 Firebase 호스팅 설정의 설정을 선택합니다.

추가 절차에서 다음을 누르고 Git Bash로 이동하여 프로젝트 디렉토리로 이동하십시오. 실행 명령:

$ npm install -g firebase-tools


그런 다음 bash를 통해 firebase에 로그인해야 합니다.

$ firebase login


y 또는 yes를 실행하여 요청된 권한을 허용합니다. 로그인 창이 열립니다. 귀하의 계정으로 로그인하십시오. bash로 돌아갑니다. 실행 명령:

$ npm run build


그런 다음 다음 명령을 실행합니다.

$ firebase init


아래에 언급된 대로 질문에 답하십시오.

? Are you ready to proceed? Yes
? Which Firebase CLI features do you want to set up for this folder? Press Space to select features, then Enter to confi
rm your choices. Hosting: Configure and deploy Firebase Hosting sites
? Please select an option: Use an existing project
? Select a default Firebase project for this directory: mylinks-71d4a (mylinks)
? What do you want to use as your public directory? build
? Configure as a single-page app (rewrite all urls to /index.html)? Yes
? Set up automatic builds and deploys with GitHub? No
? File build/index.html already exists. Overwrite? No


이러한 질문이 귀하에게 표시되며 귀하는 위에 주어진 대로 대답해야 합니다. "이 디렉터리에 대한 기본 Firebase 프로젝트 선택"질문에서 웹 앱용으로 생성한 프로젝트를 선택합니다.

다음 단계는 Firebase에 앱을 배포하는 것입니다.

$ firebase deploy


안녕! React 앱이 Firebase에 배포되었습니다. Git Bash 자체에서 링크를 얻을 수 있습니다. ".web.app"로 끝나는 "Hosting URL"로 표시되거나 Firebase의 프로젝트에서 Hosting 탭으로 이동하면 앱 URL도 찾을 수 있습니다.

이제 질문이 생깁니다. 이미 배포된 앱을 업데이트하는 방법은 무엇입니까?
다음 단계를 따르십시오.
  • 반응 앱에서 변경 사항을 적용하고 저장합니다.
  • 다음 명령을 실행합니다.

  • $ npm run build
    $ firebase deploy
    


    이렇게 하면 배포된 앱이 업데이트됩니다.

    행복한 학습!

    좋은 웹페이지 즐겨찾기