Informazioni sugli spazi di lavoro di Firebase Studio

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

Dopo aver configurato un'area di lavoro Firebase Studio, puoi accedere e condividere un ambiente di sviluppo flessibile e completamente funzionale: le aree 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

Un workspace in Firebase Studio è un ambiente di sviluppo che contiene tutto il necessario per sviluppare l'applicazione. Contiene il codice, un editor di codice (con plug-in pertinenti al progetto) e toolchain che supportano lo sviluppo di app. È come creare un nuovo progetto nell'ambiente di sviluppo desktop locale, tranne per il fatto che hai un intero computer e un sistema operativo preconfigurati e dedicati esclusivamente alla creazione dell'applicazione, in esecuzione sul browser nel cloud e accessibili ovunque ti trovi.

Firebase Studio workspace sono ottimizzati per contenere un'unica codebase, in modo da poter mantenere isolati gli ambienti e le dipendenze a livello di sistema di applicazioni diverse. Puoi creare più workspace da utilizzare con applicazioni e framework diversi.

Per creare un nuovo workspace:

Duplica un workspace

La duplicazione di un workspace Firebase Studio crea una copia del progetto che contiene tutto ciò che si trova nella directory home/user. Questa operazione è utile quando vuoi sperimentare con un progetto senza influire sull'originale o quando vuoi utilizzare un progetto esistente come punto di partenza per uno nuovo.

Per duplicare un workspace:

  1. Dalla Firebase Studio homepage, fai clic sul menu accanto al workspace che vuoi copiare > Duplica.

  2. Inserisci il nome del nuovo workspace e fai clic su Duplica. Il nuovo workspace viene creato e aggiunto all'elenco dei workspace. ß Nota: la duplicazione di workspace più grandi può richiedere diversi minuti. Se il nuovo workspace non viene caricato, attendi 5 minuti e poi aggiorna la pagina.

  3. (Facoltativo) Se il workspace originale ha un progetto Firebase collegato, valuta la possibilità di creare un progetto Firebase separato per il nuovo workspace. In questo modo, il nuovo workspace non apporterà modifiche al progetto Firebase collegato al workspace 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 il workspace

Firebase Studio utilizza Nix per definire la configurazione dell'ambiente per ogni workspace. Nix è un gestore di pacchetti puramente funzionale e assegna identificatori univoci a ogni dipendenza, il che significa che l'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.

Crea o modifica 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 workspace, tra cui:

Consulta il seguente file .idx/dev.nix di esempio per una configurazione di base dell'ambiente del workspace che consente le anteprime delle app in Firebase Studio:

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

Applica la nuova configurazione

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

Esegui il debug degli errori di compilazione dell'ambiente

Poiché i file di configurazione sono codice leggibile dalla macchina, possono contenere errori. In questo caso, la compilazione dell'ambiente potrebbe non riuscire e l'ambiente potrebbe non avviarsi. Firebase Studio mostra un'opzione per avviare un ambiente di ripristino. Questo workspace non include nessuna delle configurazioni definite ed esegue solo di baseCode OSS. In questo modo, puoi correggere gli errori nel file di configurazione dev.nix e ricompilare l'ambiente.

Passaggi successivi