Informacje o obszarach roboczych w Firebase Studio

Firebase Studio to oparte na chmurze środowisko programistyczne, które ułatwia tworzenie aplikacji dzięki szerokiemu wyborowi frameworków i bibliotek.

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

Utwórz obszar roboczy

Obszar roboczy w Firebase Studio to środowisko programistyczne, które zawiera wszystko, czego potrzebujesz do tworzenia aplikacji. Znajduje się w nim kod, edytor kodu (z wtyczkami odpowiednimi dla Twojego projektu) oraz łańcuchy narzędzi obsługujące tworzenie aplikacji. Jest to podobne do tworzenia nowego projektu w lokalnym środowisku programistycznym na komputerze, z tą różnicą, że masz cały komputer i system operacyjny wstępnie skonfigurowane i przeznaczone wyłącznie do tworzenia aplikacji, działające w przeglądarce w chmurze i dostępne z dowolnego miejsca.

Firebase Studio obszary robocze są zoptymalizowane pod kątem przechowywania pojedynczej bazy kodu, dzięki czemu możesz izolować 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 frameworkami.

Aby utworzyć nowy obszar roboczy:

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:

  1. Na stronie głównej Firebase Studio kliknij menu obok obszaru roboczego, który chcesz skopiować, a następnie kliknij Duplikuj.

  2. 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 wczytuje, odczekaj 5 minut i odśwież stronę.

  3. (Opcjonalnie) Jeśli oryginalny obszar roboczy jest połączony z projektem w Firebase, rozważ utworzenie osobnego projektu w Firebase dla nowego obszaru roboczego. Dzięki temu nowy obszar roboczy nie będzie wprowadzać zmian w projekcie w Firebase połączonym z oryginalnym obszarem roboczym. Aby utworzyć projekt w Firebase:

    1. Otwórz nowy obszar roboczy i poproś Gemini o utworzenie projektu w Firebase dla Ciebie.
    2. Zaktualizuj wszystkie pliki, które odwołują się do projektu w Firebase, np. .env lub .firebaserc.

Konfigurowanie obszaru roboczego

Firebase Studio używa Nix do definiowania konfiguracji środowiska dla każdego obszaru roboczego. Nix to czysto funkcjonalny menedżer pakietów, który przypisuje unikalne identyfikatory do każdej zależności, co oznacza, że środowisko może bezproblemowo zawierać wiele wersji tej samej zależności. Jest on też powtarzalny i deklaratywny. 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. Więcej informacji o Nix + Firebase Studio.

Tworzenie lub edytowanie pliku .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:

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

{ pkgs, ... }: {

  # Which nixpkgs channel to use.
  channel = "stable-24.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";
      };
    };
  };
}

Stosowanie nowej konfiguracji

Za każdym razem, gdy dodasz lub zaktualizujesz plik konfiguracji dev.nix, Firebase Studio wyświetli się prośba w prawym dolnym rogu 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

Pliki konfiguracji to kod czytelny dla komputera, dlatego mogą zawierać błędy. W takim przypadku środowisko może się nie skompilować i nie uruchomić. Firebase Studio wyświetli opcję uruchomienia środowiska przywracania. Ten obszar roboczy nie zawiera żadnej zdefiniowanej przez Ciebie konfiguracji i uruchamia tylko podstawowy Code OSS. Dzięki temu możesz naprawić błędy w pliku konfiguracji dev.nix i ponownie utworzyć środowisko.

Dalsze kroki