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
이렇게 하면 배포된 앱이 업데이트됩니다.
행복한 학습!
Reference
이 문제에 관하여(Firebase에 React 앱을 배포하는 방법은 무엇입니까?), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/aniketkumarsinha/how-to-deploy-your-react-app-on-firebase-ibj텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)