Pierwsze kroki z istniejącym projektem

Firebase Studio oferuje uproszczony sposób importowania 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 Firebase Studio's i uproszczonymi funkcjami tworzenia, 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ż skopiować 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 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 Flutter, włącz opcję To jest aplikacja Flutter. 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 GitLaba możesz użyć hasła do konta lub utworzyć token konta osobistego
    • W przypadku Bitbucketa 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, musisz uruchomić w terminalu polecenie flutter pub get lub npm install w przypadku aplikacji JavaScript lub TypeScript.

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

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

Dalsze kroki