Informacje o obszarach roboczych Firebase Studio

Firebase Studio udostępnia środowisko programistyczne oparte na chmurze, które ułatwia tworzenie aplikacji dzięki szerokiej gamie frameworków i bibliotek.

Po skonfigurowaniu Firebase Studioprzestrzeni roboczej możesz uzyskać dostęp do w pełni funkcjonalnego, elastycznego środowiska programistycznego i udostępniać je innym osobom. Firebase StudioPrzestrzenie robocze są dostępne na każdym urządzeniu i zapewniają zintegrowane narzędzia, które usprawniają proces programowania dla Ciebie i Twojego zespołu.

Utwórz obszar roboczy

Przestrzeń robocza w Firebase Studio to środowisko programistyczne, które zawiera wszystko, czego potrzebujesz do tworzenia aplikacji. Zawiera kod, edytor kodu (z wtyczkami odpowiednimi dla Twojego projektu) i zestawy narzędzi, które obsługują tworzenie aplikacji. To tak, jakby tworzyć nowy projekt w lokalnym środowisku programistycznym na komputerze, z tą różnicą, że masz do dyspozycji cały komputer i system operacyjny, które są wstępnie skonfigurowane i przeznaczone wyłącznie do tworzenia aplikacji. Działają w przeglądarce w chmurze i są dostępne z dowolnego miejsca.

Firebase Studio przestrzenie robocze są zoptymalizowane pod kątem przechowywania pojedynczej bazy kodu, dzięki czemu możesz odseparować od siebie środowiska i zależności na poziomie systemu różnych aplikacji. Możesz utworzyć wiele obszarów roboczych do używania z różnymi aplikacjami i platformami.

Aby utworzyć nowy obszar roboczy:

Otwieranie szablonu lub przykładowej aplikacji
Importowanie projektu
Utwórz prototyp za pomocą AI, a potem przełącz się na widokCode (</>).

Duplikowanie obszaru roboczego

Duplikowanie obszaru roboczego Firebase Studio powoduje utworzenie kopii projektu, która zawiera wszystko w katalogu home/user. Jest to przydatne, gdy chcesz eksperymentować z projektem bez wpływu na oryginał lub gdy chcesz użyć istniejącego projektu jako punktu początkowego dla nowego.

Aby zduplikować obszar roboczy:

Na Firebase Studio stronie głównej kliknij menu obok obszaru roboczego, który chcesz skopiować > Duplikuj.
Wpisz nazwę nowego obszaru roboczego i kliknij Duplikuj. Nowy obszar roboczy zostanie utworzony i dodany do listy obszarów roboczych. ß Uwaga: duplikowanie większych obszarów roboczych może potrwać kilka minut. Jeśli nowy obszar roboczy się nie załaduje, odczekaj 5 minut i odśwież stronę.
(Opcjonalnie) Jeśli pierwotny obszar roboczy ma połączony projekt w Firebase, rozważ utworzenie osobnego projektu w Firebase dla nowego obszaru roboczego. Zapobiega to wprowadzaniu zmian w projekcie w Firebase połączonym z pierwotnym obszarem roboczym. Aby utworzyć projekt w Firebase:
1. Otwórz nowy obszar roboczy i poproś Gemini o utworzenie projektu w Firebase.
2. Zaktualizuj wszystkie pliki, które odwołują się do projektu w Firebase, np. .env lub .firebaserc.

Konfigurowanie obszaru roboczego

Firebase Studio używa Nixa do definiowania konfiguracji środowiska dla każdego obszaru roboczego. Nix to w pełni funkcjonalny menedżer pakietów, który przypisuje unikalne identyfikatory do każdego elementu zależnego. Oznacza to, że środowisko może bezproblemowo zawierać wiele wersji tego samego elementu zależnego. Jest też powtarzalna i deklaratywna. W kontekście Firebase Studio oznacza to, że możesz udostępniać plik konfiguracji Nix w różnych obszarach roboczych, aby wczytywać tę samą konfigurację środowiska. Dowiedz się więcej o Nix+Firebase Studio.

Utwórz lub edytuj plik `.idx/dev.nix`.

Konfiguracja środowiska jest zdefiniowana w pliku .idx/dev.nix w repozytorium kodu. Ten plik określa wszystkie komponenty, które mają zostać dodane do obszaru roboczego, w tym:

Narzędzia systemowe dostępne w rejestrze pakietów Nix, w tym kompilatory, pakiety (np. go lub angular) i narzędzia wiersza poleceń, takie jak dodatkowe gcloud CLI komponenty.
Rozszerzenia IDE z rejestru OpenVSX, takie jak debugery specyficzne dla języka, formatowanie kodu, oficjalne rozszerzenia usług w chmurze i inne.
Typowe usługi, takie jak Docker, przesyłanie wiadomości Pub/Sub, bazy danych, np. Postgres i Redis, oraz inne.

Zobacz ten przykładowy plik .idx/dev.nix z podstawową konfiguracją środowiska obszaru roboczego, która umożliwia wyświetlanie podglądu aplikacji w Firebase Studio:

{ pkgs, ... }: {

  # Which nixpkgs channel to use.
  channel = "stable-23.11"; # or "unstable"

  # Use https://search.nixos.org/packages to find packages
  packages = [
    pkgs.nodejs_20
  ];

  # Sets environment variables in the workspace
  env = {
    SOME_ENV_VAR = "hello";
  };

  # Search for the extensions you want on https://open-vsx.org/ and use "publisher.id"
  idx.extensions = [
    "angular.ng-template"
  ];

  # Enable previews and customize configuration
  idx.previews = {
    enable = true;
    previews = {
      web = {
        command = [
          "npm"
          "run"
          "start"
          "--"
          "--port"
          "$PORT"
          "--host"
          "0.0.0.0"
          "--disable-host-check"
        ];
        manager = "web";
        # Optionally, specify a directory that contains your web app
        # cwd = "app/client";
      };
    };
  };
}

Zastosuj nową konfigurację

Za każdym razem, gdy dodasz lub zaktualizujesz plik konfiguracyjny dev.nix, w prawym dolnym rogu pojawi się komunikat Firebase Studio z prośbą o ponowne utworzenie środowiska. Czas potrzebny na ponowne utworzenie środowiska zależy od liczby pakietów wymaganych przez konfigurację.

Rozwiązywanie problemów z błędami kompilacji środowiska debugowania

Pliki konfiguracji to kod zrozumiały dla komputerów, więc mogą zawierać błędy. W takim przypadku środowisko może nie zostać utworzone i nie uruchomi się. Firebase Studio wyświetla opcję uruchomienia środowiska przywracania. Ten obszar roboczy nie zawiera żadnej z zdefiniowanych przez Ciebie konfiguracji i wykonuje tylko podstawowe działaniaCode OSS. Dzięki temu możesz naprawić błędy w pliku konfiguracyjnym dev.nix i ponownie utworzyć środowisko.