Firebase Studio-Arbeitsbereiche

Firebase Studio bietet eine cloudbasierte Entwicklungsumgebung für die Zusammenarbeit, die die Entwicklung von Anwendungen mit einer umfangreichen Kombination aus Frameworks und Bibliotheken vereinfacht.

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. Es 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 besteht darin, dass Sie einen ganzen 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 einen einzelnen Code optimiert, sodass Sie die Umgebungen und Abhängigkeiten auf Systemebene verschiedener Anwendungen voneinander isolieren können. Sie können mehrere Arbeitsbereiche erstellen, die Sie mit verschiedenen Anwendungen und Frameworks verwenden können.

So erstellen Sie einen neuen Arbeitsbereich:

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 Kennungen zuweist. Das bedeutet, dass Ihre Umgebung nahtlos mehrere Versionen derselben Abhängigkeit enthalten kann. Außerdem ist es 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 + Firebase Studio

.idx/dev.nix-Datei 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 für eine .idx/dev.nix-Datei zeigt eine einfache Konfiguration der Arbeitsbereichsumgebung, die App-Vorschauen in Firebase Studio ermöglicht:

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

Neue Konfiguration anwenden

Jedes Mal, wenn Sie die Konfigurationsdatei dev.nix hinzufügen oder aktualisieren, wird in Firebase Studio unten rechts eine Aufforderung zum Neuerstellen der Umgebung angezeigt. Wie lange es dauert, die Umgebung neu zu erstellen, hängt von der Anzahl der Pakete ab, die für Ihre Konfiguration erforderlich sind.

Fehler beim Erstellen der Debugging-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 der Konfigurationsdatei dev.nix zu beheben und die Umgebung neu zu erstellen.

Nächste Schritte