Firebase Studio-Arbeitsbereiche

Firebase Studio bietet eine kollaborative, cloudbasierte Entwicklungsumgebung, die den Prozess der Entwicklung von Anwendungen mit einer umfangreichen Kombination ausFrameworks und Bibliothekenvereinfacht.

Nachdem Sie einen Firebase Studio Arbeitsbereich eingerichtet haben, können Sie auf eine voll funktionsfähige, flexible Entwicklungsumgebung zugreifen und diese freigeben: Firebase Studio Arbeitsbereiche sind von jedem Gerät aus zugänglich und bieten integrierte Tools, um den Entwicklungsprozess für Sie und Ihr Team zu optimieren.

Arbeitsbereich erstellen

Ein Arbeitsbereich in Firebase Studio ist eine Entwicklungsumgebung, die alles enthält, was Sie zum Entwickeln Ihrer Anwendung benötigen. Er enthält Ihren Code, einen Code-Editor (mit für Ihr Projekt relevanten Plug-ins) und Toolchains, die die App-Entwicklung unterstützen. Es ist so, als würden Sie ein neues Projekt in Ihrer lokalen Desktop-Entwicklungsumgebung erstellen. Der Unterschied ist, dass Sie einen gesamten Computer und ein Betriebssystem vorkonfiguriert und ausschließlich für die Entwicklung Ihrer Anwendung zur Verfügung haben. Die Anwendung wird in Ihrem Browser in der Cloud ausgeführt und ist überall zugänglich.

Firebase Studio Arbeitsbereiche sind für eine einzelne Codebasis optimiert, sodass Sie die Umgebungen und Abhängigkeiten auf Systemebene verschiedener Anwendungen voneinander isolieren können. Sie können mehrere Arbeitsbereiche für verschiedene Anwendungen und Frameworks erstellen.

So erstellen Sie einen neuen Arbeitsbereich:

Arbeitsbereich duplizieren

Wenn Sie einen Firebase Studio Arbeitsbereich duplizieren, wird eine Kopie Ihres Projekts erstellt, die alles im Verzeichnis home/user enthält. Das ist nützlich, wenn Sie mit einem Projekt experimentieren möchten, ohne das Original zu beeinträchtigen, oder wenn Sie ein vorhandenes Projekt als Ausgangspunkt für ein neues Projekt verwenden möchten.

So duplizieren Sie einen Arbeitsbereich:

  1. Klicken Sie auf der Firebase Studio Startseite von neben dem Arbeitsbereich, den Sie kopieren möchten, auf das Menü > Duplizieren.

  2. Geben Sie den Namen Ihres neuen Arbeitsbereichs ein und klicken Sie auf Duplizieren. Der neue Arbeitsbereich wird erstellt und Ihrer Liste der Arbeitsbereiche hinzugefügt. Hinweis: Das Duplizieren größerer Arbeitsbereiche kann einige Minuten dauern. Wenn Ihr neuer Arbeitsbereich nicht geladen wird, warten Sie 5 Minuten und aktualisieren Sie dann die Seite.

  3. Optional: Wenn der ursprüngliche Arbeitsbereich mit einem Firebase-Projekt verknüpft ist, erstellen Sie ein separates Firebase-Projekt für Ihren neuen Arbeitsbereich. So verhindern Sie, dass in Ihrem neuen Arbeitsbereich Änderungen am Firebase-Projekt vorgenommen werden, das mit Ihrem ursprünglichen Arbeitsbereich verknüpft ist. So erstellen Sie ein Firebase-Projekt:

    1. Öffnen Sie den neuen Arbeitsbereich und bitten Sie Gemini, ein Firebase-Projekt für Sie zu erstellen.
    2. Aktualisieren Sie alle Dateien, die auf das Firebase-Projekt verweisen, z. B. .env oder .firebaserc.

Arbeitsbereich konfigurieren

Firebase Studio verwendet Nix um die Umgebungskonfiguration für jeden Arbeitsbereich zu definieren. Nix ist ein rein funktionaler Paketmanager, der jeder Abhängigkeit eindeutige IDs zuweist. Das bedeutet, dass Ihre Umgebung mehrere Versionen derselben Abhängigkeit nahtlos enthalten kann. Außerdem ist Nix reproduzierbar und deklarativ. Im Kontext von Firebase Studio bedeutet das, dass Sie Ihre Nix-Konfigurationsdatei für mehrere Arbeitsbereiche freigeben können, um dieselbe Umgebungskonfiguration zu laden. Weitere Informationen zu Nix und Firebase Studio.

Datei .idx/dev.nix erstellen oder bearbeiten

Die Umgebungskonfiguration wird in der Datei .idx/dev.nix in Ihrem Code-Repository definiert. In dieser Datei werden alle Komponenten angegeben, die Ihrem Arbeitsbereich hinzugefügt werden sollen, darunter:

Das folgende Beispiel zeigt eine .idx/dev.nix-Datei für eine einfache Arbeitsbereichsumgebungskonfiguration, die App-Vorschauen in Firebase Studio ermöglicht:

{ 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";
      };
    };
  };
}

Neue Konfiguration anwenden

Wenn Sie die Konfigurationsdatei dev.nix hinzufügen oder aktualisieren, wird in Firebase Studio in der unteren rechten Ecke eine Aufforderung zum Neuerstellen der Umgebung angezeigt. Die Zeit, die zum Neuerstellen der Umgebung benötigt wird, hängt von der Anzahl der Pakete ab, die in Ihrer Konfiguration erforderlich sind.

Fehler beim Erstellen der Umgebung beheben

Da Konfigurationsdateien maschinenlesbarer Code sind, können sie Fehler enthalten. In diesem Fall kann die Umgebung möglicherweise nicht erstellt und nicht gestartet werden. Firebase Studio zeigt eine Option zum Starten einer Wiederherstellungsumgebung an. Dieser Arbeitsbereich enthält keine der von Ihnen definierten Konfigurationen und führt nur grundlegende Code OSS aus. So haben Sie die Möglichkeit, Fehler in Ihrer dev.nix-Konfigurationsdatei zu beheben und die Umgebung neu zu erstellen.

Nächste Schritte