Erste Schritte mit einem vorhandenen Projekt

Firebase Studio bietet eine optimierte Möglichkeit, vorhandene Webanwendungsprojekte in einen Firebase Studio-Arbeitsbereich zu importieren. So können Sie mit der KI-gestützten Unterstützung von Firebase Studio und optimierten Entwicklungs-, Bereitstellungs- und Überwachungsfunktionen weiter an Ihren vorhandenen Projekten arbeiten.

Sie können Projekte aus einem Quell-Repository (GitHub, GitLab oder Bitbucket) oder aus einer lokalen Archivdatei importieren. Firebase Studio unterstützt den Import von GZIP-komprimierten TAR- und ZIP-Dateien mit einer Größe von weniger als 50 MiB.

Jetzt starten

Schritt 1: Projekt importieren

  1. Melden Sie sich in Ihrem Google-Konto an und öffnen Sie Firebase Studio.

  2. Klicken Sie auf Projekt importieren. Das Dialogfeld Projekt importieren wird angezeigt.

  3. Geben Sie im Feld Repository-URL die URL Ihres GitHub-, GitLab- oder Bitbucket-Repositories ein.

  4. Geben Sie einen Namen für Ihr Projekt an.

  5. Wenn Sie ein Flutter-Projekt importieren, aktivieren Sie Das ist eine Flutter-App. Andernfalls lassen Sie das Kästchen deaktiviert.

  6. Klicken Sie auf Importieren.

  7. Wenn das Repository privat ist, werden Sie aufgefordert, sich beim jeweiligen Anbieter zu authentifizieren:

    • Folgen Sie für GitHub der Anleitung, um ein Zugriffstoken zu kopieren.
    • Für GitLab können Sie Ihr Kontopasswort verwenden oder ein persönliches Kontotoken erstellen.
    • Verwenden Sie für Bitbucket Ihren Nutzernamen (nicht Ihre E-Mail-Adresse) und ein App-Passwort, um sich zu authentifizieren.

Schritt 2: Abhängigkeiten installieren

Standardmäßig installiert Firebase Studio keine Abhängigkeiten, wenn Sie ein Projekt importieren. Sie müssen dies nach dem ersten Import manuell tun.

Wenn Sie beispielsweise eine Flutter-App importieren, sollten Sie flutter pub get im Terminal ausführen. Für JavaScript- oder TypeScript-Apps ist npm install die richtige Option.

Sie können dies für alle zukünftigen Nutzer Ihrer Vorlage und für zukünftige Importe ändern, indem Sie Ihrer dev.nix-Datei in Ihrem Projekt-Repository einen onCreate-Hook hinzufügen. Sie können onCreate so konfigurieren, dass der für Ihr Projekt geeignete Build-Befehl (z. B. npm install oder flutter pub get) ausgeführt wird.

Nach der Konfiguration werden Abhängigkeiten automatisch installiert, wenn Nutzer Ihr Repository in Firebase Studio importieren.

Nächste Schritte