Pierwsze kroki z istniejącym projektem

Firebase Studio umożliwia uproszczone importowanie istniejących projektów aplikacji internetowych do obszaru roboczego Firebase Studio, dzięki czemu możesz kontynuować pracę nad dotychczasowymi projektami z pomocą opartą na AI i uproszczonymi funkcjami tworzenia, wdrażania i monitorowania.Firebase Studio

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 Adres 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 wyświetlanymi instrukcjami, aby skopiować token dostępu.
    • W przypadku GitLab możesz użyć hasła do konta lub utworzyć osobisty token dostępu.
    • W przypadku Bitbucketa do uwierzytelniania użyj nazwy użytkownika (nie adresu e-mail) i hasła do aplikacji.

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 w repozytorium projektu onCreate hook. 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