À propos des espaces de travail Firebase Studio

Firebase Studio fournit un environnement de développement collaboratif dans le cloud qui simplifie le processus de création d'applications avec une combinaison étendue de frameworks et de bibliothèques.

Une fois que vous avez configuré un espace de travail Firebase Studio, vous pouvez accéder à un environnement de développement flexible et entièrement fonctionnel, et le partager. Les espaces de travail Firebase Studio sont accessibles depuis n'importe quel appareil et fournissent des outils intégrés pour simplifier le processus de développement de votre équipe.

Créer un espace de travail

Un espace de travail dans Firebase Studio est un environnement de développement qui contient tout ce dont vous avez besoin pour développer votre application. Il contient votre code, un éditeur de code (avec des plug-ins pertinents pour votre projet) et des chaînes d'outils compatibles avec le développement d'applications. C'est comme créer un projet dans votre environnement de développement pour ordinateur de bureau local, sauf que vous disposez d'un ordinateur et d'un système d'exploitation entièrement préconfigurés et dédiés exclusivement à la création de votre application, exécutée dans le cloud dans votre navigateur et accessible où que vous soyez.

Les espaces de travail Firebase Studio sont optimisés pour contenir un seul codebase. Vous pouvez ainsi isoler les environnements et les dépendances au niveau du système des différentes applications. Vous pouvez créer plusieurs espaces de travail à utiliser avec différentes applications et plates-formes.

Créer un espace de travail :

Configurer votre espace de travail

Firebase Studio utilise Nix pour définir la configuration de l'environnement pour chaque espace de travail. Nix est un gestionnaire de paquets purement fonctionnel qui attribue des identifiants uniques à chaque dépendance. En fin de compte, cela signifie que votre environnement peut contenir plusieurs versions de la même dépendance, sans problème. Il est également reproductible et déclaratif. Dans le contexte de Firebase Studio, cela signifie que vous pouvez partager votre fichier de configuration Nix entre les espaces de travail pour charger la même configuration d'environnement. En savoir plus sur Nix + Firebase Studio

Créer ou modifier le fichier .idx/dev.nix

La configuration de l'environnement est définie dans le fichier .idx/dev.nix de votre dépôt de code. Ce fichier spécifie tous les composants à ajouter à votre espace de travail, y compris:

Consultez l'exemple de fichier .idx/dev.nix suivant pour une configuration d'environnement d'espace de travail de base qui active les aperçus d'applications dans 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";
      };
    };
  };
}

Appliquer la nouvelle configuration

Chaque fois que vous ajoutez ou mettez à jour le fichier de configuration dev.nix, Firebase Studio affiche une invite en bas à droite pour recompiler l'environnement. Le temps nécessaire pour reconstruire l'environnement dépend du nombre de paquets dont votre configuration a besoin.

Échecs de compilation de l'environnement de débogage

Étant donné que les fichiers de configuration sont du code lisible par machine, ils peuvent contenir des erreurs. Dans ce cas, la compilation de l'environnement peut échouer et ne pas démarrer. Firebase Studio affiche une option permettant de démarrer un environnement de récupération. Cet espace de travail n'inclut aucune configuration que vous avez définie et n'exécute que des Code OSS de base. Vous pouvez ainsi corriger les erreurs dans votre fichier de configuration dev.nix et reconstruire l'environnement.

Étapes suivantes