Inizia a utilizzare un progetto esistente

Firebase Studio offre un modo semplificato per importare progetti di app web esistenti in uno spazio di lavoro Firebase Studio, consentendoti di continuare a lavorare sui tuoi progetti esistenti con l'assistenza basata sull'AI di Firebase Studio e funzionalità semplificate di sviluppo, deployment e monitoraggio.

Puoi importare progetti da un repository di origine (GitHub, GitLab o Bitbucket), da Figma con il plug-in Builder.io Figma o da un file di archivio locale. Firebase Studio supporta l'importazione di file tar compressi con gzip e file zip di dimensioni inferiori a 100 MiB.

Puoi anche duplicare un progetto esistente per crearne una copia.

Inizia

Passaggio 1: importa il progetto

  1. Accedi al tuo Account Google e apri Firebase Studio.

  2. Fai clic su Importa un progetto. Viene visualizzata la finestra di dialogo Importa progetto.

  3. Nel campo URL repository, inserisci l'URL del repository GitHub, GitLab o Bitbucket.

  4. Inserisci un nome per il progetto.

  5. Se importi un progetto Flutter, attiva l'opzione Questa è un'app Flutter. In caso contrario, lascia deselezionata la casella di controllo.

  6. Fai clic su Importa.

  7. Se il repository è privato, ti verrà chiesto di autenticarti presso il rispettivo provider:

    • Per GitHub, segui le istruzioni per copiare un token di accesso.
    • Per GitLab, puoi utilizzare la password del tuo account o creare un token di accesso personale.
    • Per Bitbucket, utilizza il tuo nome utente (non l'email) e una password per l'app per l'autenticazione.

Passaggio 2: installa le dipendenze

Per impostazione predefinita, Firebase Studio non installa le dipendenze quando importi un progetto, quindi dovrai farlo manualmente dopo la prima importazione.

Ad esempio, se importi un'app Flutter, devi eseguire flutter pub get nel terminale o npm install per le app JavaScript o TypeScript.

Puoi modificare questa impostazione per tutti gli utenti futuri del tuo modello e per le importazioni future aggiungendo un hook onCreate al file dev.nix nel repository del progetto. Puoi configurare onCreate per eseguire il comando di build appropriato per il tuo progetto (ad esempio, npm install o flutter pub get).

Una volta configurato, le dipendenze vengono installate automaticamente ogni volta che gli utenti importano il repository in Firebase Studio.

Passaggi successivi