Flutter 웹 통합

Firebase 프레임워크 인식 CLI를 사용하여 Flutter 애플리케이션을 Firebase에 배포할 수 있습니다.

시작하기 전에

Firebase에 앱을 배포하기 전에 다음 요구사항 및 옵션을 검토하세요.

  • Firebase CLI 버전 12.1.0 이상. 선호하는 방법으로 CLI를 설치하세요.
  • 선택사항: Firebase 프로젝트에서 결제 사용 설정(SSR을 사용하려는 경우는 필수)

Firebase 초기화

시작하려면 프레임워크 프로젝트를 위해 Firebase를 초기화하세요. 새 프로젝트에 Firebase CLI를 사용하거나 기존 프로젝트에서 firebase.json을 수정합니다.

새 프로젝트 초기화

  1. Firebase CLI에서 웹 프레임워크 미리보기를 사용 설정합니다.
    firebase experiments:enable webframeworks
  2. CLI에서 초기화 명령어를 실행한 다음 메시지를 따릅니다.

    firebase init hosting

  3. '웹 프레임워크(실험용)를 사용하시겠어요?'라는 질문에 '예'라고 답하세요.

  4. 호스팅 소스 디렉터리를 선택합니다. 기존 Flutter 앱일 수 있습니다.

  5. 메시지가 표시되면 Flutter 웹을 선택합니다.

기존 프로젝트 초기화

firebase.json에서 호스팅 구성을 변경하여 public 옵션이 아닌 source 옵션을 갖도록 합니다. 예를 들면 다음과 같습니다.

{
  "hosting": {
    "source": "./path-to-your-flutter-app"
  }
}

정적 콘텐츠 제공

Firebase를 초기화한 후 표준 배포 명령어를 사용하여 정적 콘텐츠를 제공할 수 있습니다.

firebase deploy