Migrer de Firebase Studio vers Antigravity

1. Introduction

Cet atelier vous guide pour migrer vos espaces de travail existants vers Google Antigravity, un IDE agentique axé sur le code. Voici une vidéo d'une minute qui présente les étapes que nous allons suivre dans cet atelier.

2. Installer l'IDE Antigravity

Antigravity est l'IDE agentique et axé sur le code de Google. Cet atelier utilise Antigravity pour effectuer des transformations de projet automatisées.

  1. Accédez à antigravity.google.
  2. Téléchargez le programme d'installation pour votre système d'exploitation (macOS, Windows ou Linux).
  3. Exécutez le programme d'installation et suivez les instructions à l'écran.
  4. Ouvrez Antigravity pour vous assurer qu'il fonctionne correctement.

3. Installe Node.js

Antigravity et la CLI Firebase s'appuient sur Node.js. Assurez-vous d'avoir la version 20 ou ultérieure.

  1. Téléchargez la version LTS de Node.js depuis nodejs.org.
  2. Exécutez le programme d'installation et acceptez les paramètres par défaut.
  3. Ouvrez un terminal et exécutez node --version pour vérifier que la version est 20.x ou ultérieure.

4. Installer la CLI Firebase

La CLI Firebase vous permet de déployer votre application à partir de la ligne de commande.

  1. Dans votre terminal, exécutez la commande suivante pour installer la CLI de manière globale :
    npm install -g firebase-tools
    
  2. Si vous êtes invité à accorder des autorisations sur macOS ou Linux, vous devrez peut-être exécuter la commande suivante :
    sudo npm install -g firebase-tools
    
  3. Vérifiez l'installation :
    firebase --version
    
    Assurez-vous que la version est 15.10.0 ou ultérieure.

5. Exporter votre projet depuis Firebase Studio

  1. Ouvrez votre espace de travail dans Firebase Studio.
  2. Cliquez sur le bouton Déplacer maintenant en haut de l'espace de travail.
  3. Suivez les instructions à l'écran pour compresser et télécharger les fichiers de votre projet.
    • Remarque : Si aucune fenêtre ne s'affiche, vérifiez si des bloqueurs de pop-ups sont présents dans la barre d'adresse de votre navigateur.
  4. Extrayez le dossier ZIP téléchargé dans un répertoire local.

6. Initialiser votre application dans Antigravity

  1. Ouvrez le dossier extrait dans Antigravity.
  2. Dans le volet Agent, sélectionnez le modèle Gemini Flash.
  3. Saisissez le prompt suivant :
    @fbs-to-agy-export
    
  4. Suivez les instructions de l'agent et fournissez de l'aide si vous y êtes invité pour terminer la transformation du projet.

7. Prévisualiser votre application en local

  1. Accédez au menu Exécuter et déboguer dans la barre latérale de gauche.
  2. Cliquez sur le bouton Play (Jouer) pour démarrer le serveur de développement local.
  3. Suivez les instructions figurant dans le terminal pour afficher votre demande.

8. Publier votre application

  1. Ouvrez le panneau de chat de l'agent.
  2. Saisissez le prompt suivant :
    Publish my app
    
  3. Lorsque vous êtes invité à exécuter firebase deploy, sélectionnez Oui.
  4. L'agent vous fournira un lien vers votre URL App Hosting existante ou vous guidera dans une nouvelle configuration.

9. Conclusion

Vous avez migré votre projet Firebase Studio vers Antigravity et l'avez redéployé à l'aide de workflows agentiques.