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 dowolnym 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:

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 wyjścia dla nowego.

Aby zduplikować obszar roboczy:

  1. Na Firebase Studio stronie głównej kliknij menu  obok obszaru roboczego, który chcesz skopiować > 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 załaduje, odczekaj 5 minut i odśwież stronę.

  3. (Opcjonalnie) Jeśli pierwotny obszar roboczy ma połączony projekt Firebase, rozważ utworzenie osobnego projektu Firebase dla nowego obszaru roboczego. Zapobiega to wprowadzaniu zmian w projekcie Firebase połączonym z pierwotnym obszarem roboczym. Aby utworzyć projekt Firebase:

    1. Otwórz nowy obszar roboczy i poproś Gemini o utworzenie projektu Firebase.
    2. Zaktualizuj wszystkie pliki, które odwołują się do projektu 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.

Tworzenie i 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:

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 się nie utworzyć i nie uruchomić. 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.

Dalsze kroki