Come eseguire la migrazione da Firebase Studio ad Antigravity

1. Introduzione

Questo lab ti guida nella migrazione dei tuoi spazi di lavoro esistenti a Google Antigravity, un IDE incentrato sul codice e sugli agenti. Ecco un video di un minuto che illustra i passaggi che seguiremo in questo lab.

2. Installare l'IDE Antigravity

Antigravity è l'IDE agentico di Google che dà la priorità al codice. Questo lab utilizza Antigravity per eseguire trasformazioni automatiche dei progetti.

  1. Vai alla pagina antigravity.google.
  2. Scarica il programma di installazione per il tuo sistema operativo (macOS, Windows o Linux).
  3. Esegui il programma di installazione e segui le istruzioni sullo schermo.
  4. Apri Antigravity per assicurarti che funzioni correttamente.

3. Installa Node.js

Antigravity e l'interfaccia a riga di comando di Firebase si basano su Node.js. Assicurati di avere la versione 20 o successive.

  1. Scarica la versione LTS di Node.js da nodejs.org.
  2. Esegui il programma di installazione e accetta le impostazioni predefinite.
  3. Apri un terminale ed esegui node --version per verificare che la versione sia 20.x o successive.

4. Installa l'interfaccia a riga di comando di Firebase

L'interfaccia a riga di comando di Firebase ti consente di eseguire il deployment dell'app dalla riga di comando.

  1. Nel terminale, esegui questo comando per installare la CLI a livello globale: 
    npm install -g firebase-tools
  2. Se ti viene chiesto di concedere autorizzazioni su macOS o Linux, potresti dover eseguire: 
    sudo npm install -g firebase-tools
  3. Verifica l'installazione: 
    firebase --version
    Assicurati che la versione sia 15.10.0 o successiva.

5. Esportare il progetto da Firebase Studio

  1. Apri il workspace in Firebase Studio.
  2. Fai clic sul pulsante Sposta ora nella parte superiore dello spazio di lavoro.
  3. Segui le istruzioni sullo schermo per comprimere e scaricare i file di progetto
    • Nota: se non viene visualizzata alcuna finestra, controlla la presenza di blocchi popup nella barra degli indirizzi del browser.
  4. Estrai la cartella ZIP scaricata in una directory locale.

6. Inizializzare l'app in Antigravity

  1. Apri la cartella estratta in Antigravity.
  2. Nel riquadro dell'agente, seleziona il modello Gemini Flash.
  3. Digita il seguente prompt: 
    @fbs-to-agy-export
  4. Segui le indicazioni dell'agente e fornisci assistenza se ti viene chiesto di completare la trasformazione del progetto.

7. Visualizzare l'anteprima dell'app localmente

  1. Vai al menu Esegui e debug nella barra laterale a sinistra.
  2. Fai clic sul pulsante Riproduci per avviare il server di sviluppo locale.
  3. Segui le istruzioni nel terminale per visualizzare la tua richiesta.

8. Pubblicare l'app

  1. Apri il riquadro della chat con l'agente.
  2. Digita il seguente prompt: 
    Publish my app
  3. Quando ti viene chiesto di eseguire firebase deploy, seleziona Sì.
  4. L'agente si collegherà al tuo URL App Hosting esistente o ti guiderà in una nuova configurazione.

9. Conclusione

Hai eseguito la migrazione del progetto Firebase Studio ad Antigravity e l'hai eseguito di nuovo il deployment utilizzando i flussi di lavoro agentici.