Tworzenie skrótu do wstępnie zdefiniowanego obszaru roboczego w Firebase Studio

Dzięki Firebase Studio możesz uprościć kroki, które musi wykonać osoba, która dopiero zaczyna pracę z Twoją bazą kodu, aby skonfigurować środowisko programistyczne i zacząć efektywnie pracować. Wystarczy, że dodasz przycisk „Otwórz w Firebase Studio”.

Przykład:

  • Jeśli pracujesz w zespole z innymi współtwórcami, możesz dostosować środowisko dokładnie do swojego projektu, a następnie zatwierdzić plik .idx/dev.nix w repozytorium Git projektu. Dzięki temu, gdy członek zespołu zaimportuje Twoje repozytorium Git w Firebase Studio, jego nowy obszar roboczy będzie miał dokładnie taką samą konfigurację jak Twój, w tym te same pakiety systemowe, rozszerzenia IDE, skrypty startowe i inne.

  • Jeśli tworzysz framework lub bibliotekę, z której będą korzystać inne osoby, możesz dołączyć plik .idx/dev.nix do repozytoriów z przykładowym kodem. Dzięki temu, gdy użytkownik zaimportuje Twoje przykłady do Firebase Studio, będzie mógł pominąć konfigurację środowiska i od razu przejść do testowania frameworka. Możesz nawet utworzyć własny, niestandardowy szablon, który będzie dla użytkowników opiniotwórczym, konfigurowalnym punktem początkowym.

Gdy będziesz zadowolony(-a) z dostosowania środowiska, możesz jeszcze bardziej ułatwić innym osobom importowanie projektu do Firebase Studio, dodając do dokumentacji, np. do pliku README.md projektu, przycisk „Otwórz w Firebase Studio”.

Typowe punkty wejścia „Otwórz w Firebase Studio”

Dostępnych jest kilka wzorców adresów URL dla przycisku „Otwórz w Firebase Studio”:

  • Aby utworzyć link do procesu importowania repozytorium Git, który będzie wstępnie wypełniony adresem URL Twojego repozytorium Git, użyj tego wzorca adresu URL:

    https://studio.firebase.google.com/import?url=https://github.com/my-org/my-repo

    Obecnie obsługiwane są tylko repozytoria GitHub (zarówno prywatne, jak i publiczne).

  • Aby utworzyć link do wstępnie zdefiniowanego szablonu obszaru roboczego, znajdź odpowiedni szablon na stronie Szablony w Firebase Studio, i skopiuj jego adres URL, który powinien być zgodny z tym wzorcem adresu URL:

    https://studio.firebase.google.com/new/gemini

  • Aby utworzyć link do szablonu niestandardowego, który będzie wstępnie wypełniony adresem URL szablonu na GitHubie, użyj tego wzorca adresu URL:

    https://studio.firebase.google.com/new?template=https://github.com/my-org/my-template

  • Aby otworzyć App Prototyping agent z wstępnie wypełnionym promptem, użyj tego wzorca adresu URL:

    https://studio.firebase.google.com/?prototypePrompt=Create an app that transforms sketches into a high-quality photograph with Gemini

Dodawanie przycisku „Otwórz w Firebase Studio”

Zainstaluj pakiet Open in Firebase Studio SDK lub użyj tego narzędzia, aby wygenerować kod HTML przycisku Firebase Studio: