Pierwsze kroki z istniejącym projektem

Firebase Studio oferuje uproszczony sposób importowania istniejących projektów aplikacji internetowych do obszaru roboczego Firebase Studio, co pozwala kontynuować pracę nad dotychczasowymi projektami z wykorzystaniem pomocy opartej na AI w Firebase Studio oraz uproszczonych funkcji programowania, wdrażania i monitorowania.

Projekty możesz importować z repozytorium źródłowego (GitHub, GitLab lub Bitbucket), z Figmy za pomocą wtyczki Builder.io Figma lub z lokalnego pliku archiwum. Firebase Studio obsługuje importowanie plików tar skompresowanych za pomocą gzip i plików ZIP o rozmiarze poniżej 100 MiB.

Możesz też zduplikować istniejący projekt, aby utworzyć jego kopię.

Rozpocznij

Krok 1. Zaimportuj projekt

  1. Zaloguj się na konto Google i otwórz Firebase Studio.

  2. Kliknij Importuj projekt. Pojawi się okno Import project (Importuj projekt).

  3. W polu URL repozytorium wpisz adres URL repozytorium GitHub, GitLab lub Bitbucket.

  4. Wpisz nazwę projektu.

  5. Jeśli importujesz projekt Fluttera, włącz opcję This is a Flutter app (To jest aplikacja Fluttera). W przeciwnym razie pozostaw pole wyboru odznaczone.

  6. Kliknij Importuj.

  7. Jeśli repozytorium jest prywatne, pojawi się prośba o uwierzytelnienie u odpowiedniego dostawcy:

    • W przypadku GitHuba postępuj zgodnie z instrukcjami, aby skopiować token dostępu.
    • W przypadku GitLab możesz użyć hasła do konta lub utworzyć osobisty token konta.
    • W przypadku Bitbucket użyj nazwy użytkownika (nie adresu e-mail) i hasła do aplikacji, aby się uwierzytelnić.

Krok 2. Zainstaluj zależności

Domyślnie Firebase Studio nie instaluje zależności podczas importowania projektu, więc musisz to zrobić ręcznie po pierwszym imporcie.

Jeśli na przykład importujesz aplikację Flutter, w terminalu uruchom polecenie flutter pub get, a w przypadku aplikacji w języku JavaScript lub TypeScript – npm install.

Możesz to zmienić w przypadku wszystkich przyszłych użytkowników szablonu i przyszłych importów, dodając do pliku dev.nix onCreate w repozytorium projektu. Możesz skonfigurować onCreate tak, aby uruchamiać polecenie kompilacji odpowiednie dla Twojego projektu (np. npm install lub flutter pub get).

Po skonfigurowaniu tego ustawienia zależności będą instalowane automatycznie za każdym razem, gdy użytkownicy zaimportują Twoje repozytorium do Firebase Studio.

Dalsze kroki