Informazioni sugli spazi di lavoro di Firebase Studio

Firebase Studio fornisce un ambiente di sviluppo collaborativo basato su cloud che semplifica il processo di creazione di applicazioni con un'ampia combinazione di framework e librerie.

Dopo aver configurato uno spazio di lavoro Firebase Studio, puoi accedere e condividere un ambiente di sviluppo flessibile e completamente funzionale: gli spazi di lavoro Firebase Studio sono accessibili da qualsiasi dispositivo e forniscono strumenti integrati per semplificare il processo di sviluppo tuo e del tuo team.

Crea un workspace

Uno spazio di lavoro in Firebase Studio è un ambiente di sviluppo che contiene tutto ciò di cui hai bisogno per sviluppare la tua applicazione. Contiene il tuo codice, un editor di codice (con plug-in pertinenti al tuo progetto) e toolchain che supportano lo sviluppo di app. È come creare un nuovo progetto nel tuo ambiente di sviluppo desktop locale, tranne per il fatto che hai un intero computer e un sistema operativo preconfigurati e dedicati esclusivamente alla creazione della tua applicazione, in esecuzione sul browser nel cloud, accessibile ovunque ti trovi.

Gli spazi di lavoro Firebase Studio sono ottimizzati per contenere un unico codebase, in modo da poter mantenere isolati tra loro gli ambienti e le dipendenze a livello di sistema di applicazioni diverse. Puoi creare più spazi di lavoro da utilizzare con applicazioni e framework diversi.

Per creare una nuova area di lavoro:

Duplicare uno spazio di lavoro

La creazione di un fork di uno spazio di lavoro Firebase Studio crea una copia del progetto che contiene tutto ciò che si trova nella directory home/user. Questa funzionalità è utile quando vuoi sperimentare con un progetto senza influire su quello originale o quando vuoi utilizzare un progetto esistente come punto di partenza per uno nuovo.

Per creare un fork di uno spazio di lavoro:

  1. Nella home page di Firebase Studio, fai clic sul menu accanto all' area di lavoro che vuoi copiare > Fork.

  2. Inserisci il nome del nuovo spazio di lavoro e fai clic su Fork. Il nuovo spazio di lavoro viene creato e aggiunto all'elenco degli spazi di lavoro.

  3. (Facoltativo) Se lo spazio di lavoro originale ha un progetto Firebase collegato, valuta la possibilità di creare un progetto Firebase separato per il nuovo spazio di lavoro. In questo modo la nuova area di lavoro non potrà apportare modifiche al progetto Firebase collegato all'area di lavoro originale. Per creare un progetto Firebase:

    1. Apri il nuovo workspace e chiedi a Gemini di creare un progetto Firebase per te.
    2. Aggiorna tutti i file che fanno riferimento al progetto Firebase, ad esempio .env o .firebaserc.

Configura la tua area di lavoro

Firebase Studio utilizza Nix per definire la configurazione dell'ambiente per ogni spazio di lavoro. Nix è un gestore di pacchetti puramente funzionale e assegna identificatori unici a ogni dipendenza, il che significa che il tuo ambiente può contenere più versioni della stessa dipendenza, senza problemi. È anche riproducibile e dichiarativo. Nel contesto di Firebase Studio, ciò significa che puoi condividere il file di configurazione Nix tra i workspace per caricare la stessa configurazione dell'ambiente. Scopri di più su Nix + Firebase Studio.

Creare o modificare il file .idx/dev.nix

La configurazione dell'ambiente è definita nel file .idx/dev.nix nel repository di codice. Questo file specifica tutti i componenti da aggiungere al tuo workspace, tra cui:

Consulta il seguente file .idx/dev.nix di esempio per una configurazione di base dell'ambiente di lavoro che attiva le anteprime delle app in 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";
      };
    };
  };
}

Applica nuova configurazione

Ogni volta che aggiungi o aggiorni il file di configurazione dev.nix, Firebase Studio mostra un prompt nell'angolo in basso a destra per ricompilare l'ambiente. Il tempo necessario per ricreare l'ambiente dipende dal numero di pacchetti necessari per la configurazione.

Eseguire il debug degli errori di build dell'ambiente

Poiché i file di configurazione sono codice leggibile dal computer, possono contenere errori. In questo caso, la creazione dell'ambiente potrebbe non riuscire e l'ambiente potrebbe non avviarsi. Firebase Studio mostra un'opzione per avviare un ambiente di recupero. Questo spazio di lavoro non include nessuna delle configurazioni che hai definito e esegue solo Code OSS di base. In questo modo hai la possibilità di correggere gli errori nel file di configurazione di dev.nix e ricompilare l'ambiente.

Passaggi successivi