무료로 Firebase 호스트에 React 앱을 배포하는 방법

에서 관련 게시물 읽기


Firebase은 Google에서 모바일 및 웹 애플리케이션을 만들기 위해 개발한 플랫폼입니다. 원래는 2011년에 설립된 독립 회사였습니다. 2014년에 Google이 플랫폼을 인수했으며 이제 앱 개발을 위한 주력 제품이 되었습니다.

Firebase는 React SPA 배포를 위한 무료 호스트 서비스를 제공합니다. 다음은 간단한 단계로 이를 수행하는 방법입니다!

Firebase에 React 앱 배포

데모 사이트: https://xyz-firebase-react.web.app/

Github 저장소here

반응 앱 만들기

npx create-react-app project-name
cd project-name

yarn
yarn start

Firebase 도구 CLI 설치

npm install -g firebase-tools

CLI를 사용하여 Firebase에 로그인

firebase login

Firebase 로그인 페이지로 리디렉션됩니다. 거기에 계정을 입력하십시오.

CLI에서 Firebase 프로젝트 설정

참고: Firebase 콘솔을 사용하여 프로젝트를 만들 수도 있지만 CLI를 사용하는 것이 더 편리합니다.

아래 명령을 실행합니다.

cd project-name
firebase init

React App이 생성된 폴더로 cd가 필요합니다. 아래와 같이 지침을 따르십시오.

예를 확인합니다.

새 Firebase 프로젝트를 만듭니다. "xyz-firebase-react"

프로젝트 ID를 입력합니다. "xyz-firebase-react"

콘텐츠가 Firebase에 배포될 디렉토리를 선택하고 "build"를 입력합니다. "yarn build"명령을 사용하여 반응 앱을 패키징하면 "build"폴더가 기본값이 됩니다.

"예"를 확인합니다. 이것은 정적 html을 배포하지 않기 때문에 중요합니다!

아니오를 확인하십시오.

아니오를 확인하십시오.

로컬에서 반응 앱 빌드

cd project-name
yarn build

이렇게 하면 반응 앱이 패키징되고 이제 출력이 빌드 하위 폴더에 있습니다.

Firebase에 반응 앱 배포

firebase deploy

브라우저 창을 열고 다음 URL을 입력합니다. https://xyz-firebase-react.web.app/



이제 앱이 Firebase에 배포되었습니다! 행복한 코딩, 행복한 배포!