Firebase Summit에서 발표된 모든 내용을 살펴보고 Firebase로 앱을 빠르게 개발하고 안심하고 앱을 실행하는 방법을 알아보세요. 자세히 알아보기

GitHub pull 요청을 통해 라이브 및 미리보기 채널에 배포

컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.

GitHub 작업을 통해 배포를 Firebase 호스팅에 통합할 수 있습니다. 이 GitHub 작업으로 수행할 수 있는 작업은 다음과 같습니다.

  • GitHub 리포지토리의 모든 PR에 대해 새 미리 보기 채널(및 관련 미리 보기 URL)을 만듭니다.

  • 귀하와 각 검토자가 앱의 "미리보기" 버전에서 PR의 변경 사항을 보고 테스트할 수 있도록 미리보기 URL과 함께 PR에 주석을 추가합니다.

    미리보기 URL이 포함된 GitHub Action PR 댓글 이미지

  • 연결된 미리보기 채널에 자동으로 배포하여 각 커밋의 변경 사항으로 미리보기 URL을 업데이트합니다. URL은 각각의 새로운 커밋으로 변경되지 않습니다.

  • (선택 사항) PR이 병합될 때 GitHub 리포지토리의 현재 상태를 라이브 채널에 배포합니다.

알림: 미리보기 URL을 사용하면 앱이 Firebase 프로젝트의 실제 백엔드 리소스와 상호작용합니다.

Firebase 호스팅에 배포할 GitHub 작업 설정

  1. GitHub 리포지토리(퍼블릭 또는 프라이빗)를 생성하거나 기존 리포지토리를 사용합니다. 저장소에 대한 관리자 권한이 있어야 합니다.

  2. 저장소의 로컬 버전에서 firebase init 명령 을 사용하여 Firebase 호스팅을 설정합니다.

    • 호스팅을 설정하지 않은 경우 로컬 디렉터리의 루트에서 이 버전의 명령을 실행합니다.

      firebase init hosting
    • 이미 호스팅을 설정한 경우 호스팅의 GitHub 작업 부분을 설정하기만 하면 됩니다. 로컬 디렉터리의 루트에서 이 버전의 명령을 실행합니다.

      firebase init hosting:github
  3. CLI 프롬프트를 따르면 명령이 자동으로 GitHub 작업 설정을 처리합니다.

    • Firebase 호스팅에 배포할 권한이 있는 Firebase 프로젝트에 서비스 계정을 만듭니다.

    • 해당 서비스 계정의 JSON 키를 암호화하고 지정된 GitHub 저장소에 GitHub secret 으로 업로드합니다.

    • 새로 생성된 암호를 참조하는 GitHub 워크플로 yaml 구성 파일을 작성합니다. 이러한 파일은 Firebase 호스팅에 배포하도록 GitHub 작업을 구성합니다.

  4. GitHub에서 새 분기를 만들고 CLI에서 만든 워크플로 yaml 파일을 커밋합니다.

  5. 분기를 GitHub 리포지토리에 게시합니다.

  6. 지점을 병합합니다.

그게 다야! 이 GitHub 리포지토리의 모든 후속 PR은 자동으로 자체 "미리 보기 URL"을 얻습니다!

GitHub 작업에 대해 자세히 알아보기

  • Firebase는 "Firebase 호스팅에 배포" GitHub 작업을 오픈 소스 프로젝트로 유지합니다. 소스 코드를 봅니다.

  • "Firebase 호스팅에 배포" GitHub 작업을 사용하면 미리 보기 채널의 만료 날짜를 사용자 지정하거나 PR이 병합될 때 배포할 비실시간 채널을 설정하는 것과 같은 추가 구성이 가능합니다. 사용 가능한 구성 옵션에 대해 알아보십시오.

  • 일반적으로 GitHub 작업 에 대해 자세히 알아보세요.