기존 프로젝트 시작하기

Firebase Studio는 기존 웹 앱 프로젝트를 Firebase Studio 작업공간으로 가져오는 간소화된 방법을 제공하므로 Firebase Studio의 AI 기반 지원과 간소화된 개발, 배포, 모니터링 기능으로 기존 프로젝트에서 계속 작업할 수 있습니다.

소스 저장소(GitHub, GitLab 또는 Bitbucket), Builder.io Figma 플러그인을 사용한 Figma 또는 로컬 보관 파일에서 프로젝트를 가져올 수 있습니다. Firebase Studio는 100MiB 미만의 gzip으로 압축된 tar 파일과 zip 파일을 가져올 수 있습니다.

기존 프로젝트를 복제하여 사본을 만들 수도 있습니다.

시작하기

1단계: 프로젝트 가져오기

  1. Google 계정에 로그인하고 Firebase Studio를 엽니다.

  2. 프로젝트 가져오기를 클릭합니다. 프로젝트 가져오기 대화상자가 표시됩니다.

  3. 저장소 URL 필드에 GitHub, GitLab 또는 Bitbucket 저장소 URL을 입력합니다.

  4. 프로젝트 이름을 입력하세요.

  5. Flutter 프로젝트를 가져오는 경우 Flutter 앱입니다를 사용 설정합니다. 그렇지 않은 경우 체크박스를 선택 해제합니다.

  6. 가져오기를 클릭합니다.

  7. 저장소가 비공개인 경우 각 제공업체에 인증하라는 메시지가 표시됩니다.

    • GitHub의 경우 프롬프트를 따라 액세스 토큰을 복사합니다.
    • GitLab의 경우 계정 비밀번호를 사용하거나 개인 계정 토큰을 만들 수 있습니다.
    • Bitbucket의 경우 이메일이 아닌 사용자 이름과 앱 비밀번호를 사용하여 인증합니다.

2단계: 종속 항목 설치

기본적으로 Firebase Studio는 프로젝트를 가져올 때 종속 항목을 설치하지 않으므로 첫 번째 가져오기 후 종속 항목을 수동으로 설치해야 합니다.

예를 들어 Flutter 앱을 가져오면 터미널에서 flutter pub get을 또는 JavaScript 또는 TypeScript 앱의 경우 npm install를 실행해야 합니다.

프로젝트 저장소의 dev.nix 파일에 onCreate 후크를 추가하여 향후 모든 템플릿 사용자와 향후 가져오기를 위해 이를 변경할 수 있습니다. onCreate를 구성하여 프로젝트에 적합한 빌드 명령어(예: npm install 또는 flutter pub get)를 실행할 수 있습니다.

이렇게 구성하면 사용자가 저장소를 Firebase Studio로 가져올 때마다 종속 항목이 자동으로 설치됩니다.

다음 단계