Premiers pas avec un projet existant

Firebase Studio offre un moyen simplifié d'importer des projets d'applications Web existants dans un espace de travail Firebase Studio, ce qui vous permet de continuer à travailler sur vos projets existants avec l'assistance optimisée par l'IA de Firebase Studio et les fonctionnalités simplifiées de développement, de déploiement et de surveillance.

Vous pouvez importer des projets à partir d'un dépôt source (GitHub, GitLab ou Bitbucket), depuis Figma avec le plug-in Builder.io Figma ou à partir d'un fichier d'archive local. Firebase Studio est compatible avec l'importation de fichiers tar compressés et de fichiers zip de moins de 100 Mio.

Vous pouvez également dupliquer un projet existant pour en créer une copie.

Premiers pas

Étape 1 : Importez votre projet

  1. Connectez-vous à votre compte Google et ouvrez Firebase Studio.

  2. Cliquez sur Importer un projet. La boîte de dialogue Importer un projet s'affiche.

  3. Dans le champ URL du dépôt, saisissez l'URL de votre dépôt GitHub, GitLab ou Bitbucket.

  4. Saisissez le nom de votre projet.

  5. Si vous importez un projet Flutter, cochez la case This is a Flutter app (Il s'agit d'une application Flutter). Sinon, laissez la case décochée.

  6. Cliquez sur Importer.

  7. Si le dépôt est privé, vous serez invité à vous authentifier auprès du fournisseur concerné :

    • Pour GitHub, suivez les instructions pour copier un jeton d'accès.
    • Pour GitLab, vous pouvez utiliser le mot de passe de votre compte ou créer un jeton de compte personnel.
    • Pour Bitbucket, utilisez votre nom d'utilisateur (et non votre adresse e-mail) et un mot de passe d'application pour vous authentifier.

Étape 2 : Installez les dépendances

Par défaut, Firebase Studio n'installe pas les dépendances lorsque vous importez un projet. Vous devrez donc le faire manuellement après votre première importation.

Par exemple, si vous importez une application Flutter, vous devez exécuter flutter pub get dans le terminal, ou npm install pour les applications JavaScript ou TypeScript.

Vous pouvez modifier ce paramètre pour tous les futurs utilisateurs de votre modèle et pour les futures importations en ajoutant un hook onCreate à votre fichier dev.nix dans le dépôt de votre projet. Vous pouvez configurer onCreate pour exécuter la commande de compilation appropriée à votre projet (par exemple, npm install ou flutter pub get).

Une fois cette configuration effectuée, les dépendances sont installées automatiquement chaque fois que les utilisateurs importent votre dépôt dans Firebase Studio.

Étapes suivantes