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

Firebase Studio możesz uprościć kroki, które musi wykonać osoba, która dopiero zaczyna pracę z Twoim kodem, aby skonfigurować środowisko deweloperskie i zwiększyć produktywność, dodając przycisk „Otwórz w Firebase Studio”.

Przykład:

  • Jeśli pracujesz w zespole z innymi współtwórcami, możesz dostosować środowisko 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 elementy.

  • Jeśli tworzysz platformę lub bibliotekę do użytku przez inne osoby, możesz umieścić plik .idx/dev.nix w repozytoriach przykładowego kodu, aby użytkownik importujący Twoje przykłady do Firebase Studio mógł pominąć konfigurację środowiska i od razu wypróbować Twoją platformę. Możesz nawet utworzyć własny szablon, który będzie stanowić spersonalizowany punkt wyjścia dla Twoich użytkowników.

Gdy dostosujesz środowisko, możesz 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, wstępnie wypełnionego adresem URL repozytorium Git, użyj tego wzorca adresu URL:

    https: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 przestrzeni roboczej, znajdź szablon, którego szukasz, na stronie Szablony w Firebase Studio i skopiuj jego adres URL. Powinien on mieć następujący format:

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

  • Aby utworzyć link do niestandardowego szablonu wstępnie wypełnionego adresem URL szablonu w GitHubie, użyj tego wzorca adresu URL:

    https: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: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 SDK Firebase Studio Open in lub użyj tego narzędzia, aby wygenerować kod HTML przycisku Firebase Studio: