Full-Stack-Webanwendung mit dem App-Prototyping-Agenten entwickeln, veröffentlichen und überwachen

In diesem Leitfaden erfahren Sie, wie Sie mithilfe von App Prototyping agent und Gemini in Firebase schnell eine Full-Stack-Anwendung entwickeln und veröffentlichen. Sie verwenden einen Prompt in natürlicher Sprache, um eine Next.js-App zu generieren, die Lebensmittel anhand eines Bildes oder einer In-Browser-Kamera erkennt und ein Rezept mit den erkannten Zutaten generiert.

Weitere Technologien, die Sie in diesem Leitfaden verwenden werden:

• einen Firebase Studio-Arbeitsbereich
• ein Firebase-Projekt
• Firebase App Hosting
• Firebase App Check

Schritt 1: App generieren

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

2. Geben Sie in das Feld Prototyp einer App mit KI erstellen den folgenden Prompt ein. Dadurch wird eine bildbasierte Rezept-App erstellt, die die Browserkamera und generative KI verwendet.

   Sie könnten beispielsweise einen Prompt wie den folgenden eingeben, um eine App zum Erstellen von Rezepten zu erstellen:

   Use secure coding practices to create an error-free web app that lets
   users upload a photo or take a picture with their browser
   camera. The app identifies the food in the picture and generates a
   recipe and accompanying image that includes that food.
   
   If no food product is identified, generate a random dessert recipe.
   

3. Optional: Laden Sie ein Bild hoch, das zu Ihrem Prompt passt. Sie können beispielsweise ein Bild mit dem Farbschema hochladen, das Sie für Ihre App verwenden möchten, und Firebase Studio anweisen, es zu verwenden. Bilder dürfen maximal 3 MiB groß sein.

4. Klicken Sie auf Mit KI einen Prototyp erstellen.

   Gemini generiert anhand Ihres Prompts einen App-Entwurf und gibt einen vorgeschlagenen App-Namen, erforderliche Funktionen und Stilrichtlinien zurück.

5. Sehen Sie sich den Blueprint an. Nehmen Sie bei Bedarf einige Änderungen vor. Sie können beispielsweise den vorgeschlagenen App-Namen oder das Farbschema mit einer der folgenden Optionen ändern:

   • Klicken Sie auf editAnpassen und bearbeiten Sie den Blueprint direkt. Nehmen Sie die gewünschten Änderungen vor und klicken Sie auf Speichern.

   • Fügen Sie im Chatfeld im Feld Beschreiben… Erläuterungen und Kontext hinzu. Sie können auch zusätzliche Bilder hochladen.

6. Klicken Sie auf Prototyp für diese App erstellen.

7. Der App-Prototyping-Agent beginnt mit dem Programmieren Ihrer App.

   • Da Ihre App KI verwendet, werden Sie aufgefordert, einen Gemini API-Schlüssel hinzuzufügen oder zu generieren. Wenn Sie auf „Automatisch generieren“ klicken, stellt App Prototyping agent ein Firebase-Projekt und einen Gemini API-Schlüssel für Sie bereit.

Schritt 2: Testen, optimieren, debuggen und iterieren

Nachdem die erste App generiert wurde, können Sie sie testen, optimieren, debuggen und iterieren.

• App ansehen und damit interagieren:Nach Abschluss der Codegenerierung wird eine Vorschau Ihrer App angezeigt. Sie können direkt mit der Vorschau interagieren, um sie zu testen. Weitere Informationen

• Fehler sofort beheben:In den meisten Fällen werden Sie von App Prototyping agent aufgefordert, auftretende Fehler zu beheben. Klicken Sie auf Fehler beheben, damit eine Fehlerbehebung versucht wird.

  Wenn Sie Fehler erhalten, die nicht automatisch behoben werden, kopieren Sie den Fehler und den relevanten Kontext (z. B. „Können Sie diesen Fehler in meinem Firebase-Initialisierungscode beheben?“) in das Chatfenster und senden Sie ihn an Gemini.

• Mit natürlicher Sprache testen und iterieren:Testen Sie Ihre App gründlich und arbeiten Sie mit der App Prototyping agent, um den Code und den Blueprint so lange zu iterieren, bis Sie zufrieden sind.

  In Prototyper mode, you can also use the following features:

  • Klicken Sie auf  Anmerkungen hinzufügen, um direkt im Vorschaufenster zu zeichnen. Verwenden Sie die verfügbaren Tools für Formen, Bilder und Text sowie einen optionalen Textprompt, um visuell zu beschreiben, was sich an der App Prototyping agent ändern soll.

  • Klicken Sie auf Auswählen, um ein bestimmtes Element auszuwählen, und geben Sie eine Anleitung für die App Prototyping agent ein. So können Sie schnell ein bestimmtes Symbol, eine Schaltfläche, einen Textabschnitt oder ein anderes Element anvisieren. Wenn Sie auf ein Bild klicken, haben Sie auch die Möglichkeit, nach einem Stockbild bei Unsplash zu suchen und es auszuwählen.

  Optional können Sie auf Vorschaulink freigeben klicken, um Ihre App öffentlich und vorübergehend mithilfe von Firebase Studio öffentlichen Vorschauen zu teilen.

• Fehler direkt im Code beheben und iterieren:Klicken Sie auf  Zu Code wechseln, um die Ansicht Code zu öffnen. Dort sehen Sie alle Dateien Ihrer App und können den Code direkt ändern. Sie können jederzeit zu Prototyper mode at any time. wechseln.

  In der Code-Ansicht stehen Ihnen außerdem die folgenden hilfreichen Funktionen zur Verfügung:

  • Integrierte Debugging- und Berichtsfunktionen von Firebase Studio zum Prüfen, Debuggen und Überwachen Ihrer App.

  • KI-Unterstützung mit Gemini in Firebase entweder inline in Ihrem Code oder über einen interaktiven Chat (beides standardmäßig verfügbar). Im interaktiven Chat können Probleme diagnostiziert, Lösungen angeboten und Tools ausgeführt werden, mit denen Sie Ihre App schneller beheben können. Klicken Sie unten im Arbeitsbereich auf SparkGemini, um auf den Chat zuzugreifen.

  • Rufen Sie die Firebase Local Emulator Suite auf, um Datenbank- und Authentifizierungsdaten aufzurufen. So öffnen Sie den Emulator in Ihrem Arbeitsbereich:

    1. Klicken Sie auf Zum Code wechseln und öffnen Sie die Erweiterung Firebase Studio (Ctrl+',Ctrl+' oder Cmd+',Cmd+' unter macOS).

    2. Scrollen Sie zu Backend-Ports und maximieren Sie den Bereich.

    3. Klicken Sie in der Spalte Aktionen, die dem Port 4000 entspricht, auf In neuem Fenster öffnen.

• Leistung der generativen KI-Funktionen testen und messen:Mit der Genkit-Entwickler-UI können Sie Ihre Genkit-KI-Workflows ausführen, testen, debuggen, mit verschiedenen Modellen interagieren, Prompts optimieren und vieles mehr.

  So laden Sie Ihre Genkit-Abläufe in die Genkit-Entwickler-UI und beginnen mit dem Testen:

  1. Führen Sie im Terminal in Ihrem Firebase Studio-Arbeitsbereich den folgenden Befehl aus, um Ihren Gemini API-Schlüssel abzurufen und den Genkit-Server zu starten:

      npm run genkit:watch
     

  2. Klicken Sie auf den Link zur Genkit-Entwickler-UI. Die Genkit-Benutzeroberfläche für Entwickler wird in einem neuen Fenster mit Ihren Workflows, Prompts, Embeddern und einer Auswahl verschiedener verfügbarer Modelle geöffnet.

  Weitere Informationen zur Genkit-Entwickler-UI finden Sie unter Genkit-Entwicklertools.

Optionaler Schritt 3: App mit App Hosting veröffentlichen

Nachdem Sie Ihre App getestet und mit ihr in Ihrem Arbeitsbereich zufrieden sind, können Sie sie mit Firebase App Hosting im Web veröffentlichen.

Wenn Sie App Hosting einrichten, wird von Firebase Studio ein Firebase-Projekt für Sie erstellt (sofern noch keines durch automatische Generierung eines Gemini API-Schlüssels erstellt wurde) und Sie werden durch die Verknüpfung eines Cloud Billing-Kontos geführt.

So veröffentlichen Sie Ihre App:

1. Klicken Sie auf Veröffentlichen, um Ihr Firebase-Projekt einzurichten und Ihre App zu veröffentlichen. Der Bereich App veröffentlichen wird angezeigt.

2. Im Schritt Firebase-Projekt wird in der App Prototyping agent das Firebase-Projekt angezeigt, das mit dem Arbeitsbereich verknüpft ist. Wenn bei der Gemini API-Schlüsselgenerierung kein Projekt erstellt wurde, wird ein neues Projekt für Sie erstellt. Klicken Sie auf Weiter, um fortzufahren.

3. Wählen Sie im Schritt Cloud Billing-Konto verknüpfen eine der folgenden Optionen aus:

   • Wählen Sie das Cloud Billing-Konto aus, das Sie mit Ihrem Firebase-Projekt verknüpfen möchten.

   • Wenn Sie noch kein Cloud Billing-Konto haben oder ein neues erstellen möchten, klicken Sie auf Cloud Billing-Konto erstellen. Daraufhin wird die Google Cloud-Konsole geöffnet, in der Sie ein neues Selfservice-Cloud Billing-Konto erstellen können. Nachdem Sie das Konto erstellt haben, kehren Sie zu Firebase Studio zurück und wählen Sie es in der Liste Cloud Billing verknüpfen aus.

4. Klicken Sie auf Weiter. Firebase Studio verknüpft das Rechnungskonto mit dem Projekt, das mit Ihrem Arbeitsbereich verknüpft ist. Es wird entweder erstellt, wenn Sie einen Gemini API-Schlüssel automatisch generiert haben, oder wenn Sie auf Veröffentlichen geklickt haben.

5. Klicken Sie auf Dienste einrichten. Der App-Prototyping-Agent beginnt mit der Bereitstellung von Firebase-Diensten.

6. Klicken Sie auf Jetzt veröffentlichen. Firebase Studio richtet Firebase-Dienste ein. Dies kann einige Minuten dauern. Weitere Informationen dazu, was im Hintergrund passiert, finden Sie unter Der App Hosting-Buildprozess.

7. Nach Abschluss des Veröffentlichungsschritts wird die App-Übersicht mit einer URL und App-Statistiken angezeigt, die auf App Hosting-Statistiken basieren. Wenn Sie anstelle der von Firebase generierten Domain eine benutzerdefinierte Domain (z. B. beispiel.de oder app.beispiel.de) verwenden möchten, können Sie in der Firebase-Konsole eine benutzerdefinierte Domain hinzufügen.

Weitere Informationen zu App Hosting finden Sie unter App Hosting und seine Funktionsweise.

(Empfohlen) Schritt 6: Firebase App Check zur App hinzufügen

Wenn Sie Firebase- oder Google Cloud-Dienste in Ihre App eingebunden haben, hilft Firebase App Check, Ihre App-Backends vor Missbrauch zu schützen, indem nicht autorisierte Clients den Zugriff auf Ihre Firebase-Ressourcen verhindert werden. Sie funktioniert sowohl mit Google-Diensten (einschließlich Firebase- und Google Cloud-Diensten) als auch mit Ihren eigenen benutzerdefinierten Back-Ends, um Ihre Ressourcen zu schützen.

Wir empfehlen, App Check jeder App hinzuzufügen, die Sie öffentlich veröffentlichen, um Ihre Backend-Ressourcen vor Missbrauch zu schützen.

In diesem Abschnitt erfahren Sie, wie Sie App Check in Firebase Studio mit reCAPTCHA Enterprise für eine vom App Prototyping agent erstellte Webanwendung einrichten. Sie können App Check jedoch in jeder App einrichten, die Firebase-Dienste und benutzerdefinierte Anbieter implementiert. Weitere Informationen finden Sie unter Firebase App Check.

Mit reCAPTCHA Enterprise können Sie bis zu 10.000 Prüfen kostenlos durchführen.

Schritt 1: reCAPTCHA Enterprise für Ihre App einrichten

1. Öffnen Sie den Bereich reCAPTCHA Enterprise in der Google Cloud-Konsole.

2. Wählen Sie in der Projektauswahl der Google Cloud Console den Namen Ihres Firebase-Projekts aus.

3. Wenn Sie aufgefordert werden, die reCAPTCHA Enterprise API zu aktivieren, tun Sie dies.

4. Klicken Sie auf Jetzt starten und fügen Sie einen Anzeigenamen für Ihren reCAPTCHA-Websiteschlüssel hinzu.

5. Akzeptieren Sie den Standardschlüssel Web Application type.

6. Klicken Sie auf Domain hinzufügen und fügen Sie eine Domain hinzu. Fügen Sie Ihre App Hosting-Domain (z. B. studio--PROJECT_ID.REGION.hosted.app) und alle benutzerdefinierten Domains hinzu, die Sie mit Ihrer App verwenden oder verwenden möchten.

7. Klicken Sie auf Nächster Schritt.

8. Lassen Sie die Option Möchten Sie Aufgaben verwenden? deaktiviert.

9. Klicken Sie auf Schlüssel erstellen.

10. Kopieren und speichern Sie Ihre Schlüssel-ID und fahren Sie mit App Check konfigurieren fort.

Schritt 2: App Check konfigurieren

1. Öffnen Sie die Firebase Console und klicken Sie im Navigationsmenü auf Build > App-Check.

2. Klicken Sie auf Jetzt starten und dann neben Ihrer App auf Registrieren.

3. Maximieren Sie reCAPTCHA und fügen Sie die Schlüssel-ID ein, die Sie für reCAPTCHA Enterprise generiert haben.

4. Klicken Sie auf Speichern.

Schritt 3: App Check in den Code einfügen

1. Kehren Sie zu Firebase Studio zurück und fügen Sie in der Ansicht Code den von Ihnen generierten Websiteschlüssel der Datei .env hinzu:

   NEXT_PUBLIC_RECAPTCHA_SITE_KEY=RECAPTCHA_SITE_KEY
   

2. Wenn Sie Ihre Firebase-Konfiguration noch nicht in .env gespeichert haben, rufen Sie sie so ab:

   • Öffne in der Firebase Console die Projekteinstellungen und suche den Bereich, der deiner App entspricht.

   • Über das Terminal in der Ansicht Code:

     1. Melden Sie sich in Firebase an: firebase auth login
     2. Wählen Sie Ihr Projekt aus: firebase use FIREBASE_PROJECT_ID
     3. Firebase-Konfiguration abrufen: firebase apps:sdkconfig

3. Fügen Sie der .env-Datei die Konfiguration hinzu, sodass sie so aussieht:

   NEXT_PUBLIC_FIREBASE_API_KEY=FIREBASE_API_KEY
   NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=FIREBASE_AUTH_DOMAIN
   NEXT_PUBLIC_FIREBASE_PROJECT_ID=FIREBASE_PROJECT_ID
   NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=FIREBASE_STORAGE_BUCKET
   NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=FIREBASE_MESSAGING_SENDER_ID
   NEXT_PUBLIC_FIREBASE_APP_ID=FIREBASE_APP_ID
   NEXT_PUBLIC_RECAPTCHA_SITE_KEY=RECAPTCHA_SITE_KEY
   

4. Fügen Sie Ihrem App-Code App Check hinzu. Sie können Gemini bitten, App Check mit reCAPTCHA Enterprise zu Ihrer App hinzuzufügen. Geben Sie dabei unbedingt „reCAPTCHA Enterprise“ an und prüfen Sie dies noch einmal. Alternativ können Sie auch die Schritte unter App Check initialisieren ausführen.

5. Veröffentlichen Sie Ihre Website noch einmal auf App Hosting. Testen Sie Ihre Firebase-Funktionen, um Daten zu generieren.

6. Prüfen Sie, ob App Check Anfragen in der Console von Firebase erhält. Öffnen Sie dazu Build > App-Überprüfung.

7. Klicken Sie, um Firebase-Dienste zu prüfen. Nachdem Sie überprüft haben, dass Anfragen eingehen, klicken Sie auf Erzwingen, um App Check zu erzwingen.

8. Wiederholen Sie die Überprüfung und Erzwingung für Firebase Authentication.

Wenn Sie Ihre App für App Check registriert haben und sie in einer Umgebung ausführen möchten, die von App Check normalerweise nicht als gültig eingestuft wird, z. B. lokal während der Entwicklung oder in einer Umgebung für kontinuierliche Integration (CI), können Sie einen Debug-Build Ihrer App erstellen, der den App Check-Debuganbieter anstelle eines echten Attestierungsanbieters verwendet. Weitere Informationen finden Sie unter App Check mit dem Debuganbieter in Webanwendungen verwenden.

Optionaler Schritt 7: App überwachen

Im Bereich App-Übersicht in Firebase Studio finden Sie wichtige Messwerte und Informationen zu Ihrer App. So können Sie die Leistung Ihrer Webanwendung mit den integrierten Observability-Tools von App Hosting im Blick behalten. Nach der Einführung Ihrer Website können Sie auf die Übersicht zugreifen, indem Sie auf Veröffentlichen klicken. In diesem Steuerfeld haben Sie folgende Möglichkeiten:

• Klicken Sie auf Veröffentlichen, um eine neue Version Ihrer App zu veröffentlichen.
• Teilen Sie den Link zu Ihrer App oder öffnen Sie sie direkt unter App aufrufen.
• Hier finden Sie eine Zusammenfassung der Leistung Ihrer App in den letzten sieben Tagen, einschließlich der Gesamtzahl der Anfragen und des Status Ihres letzten Roll-outs. Klicken Sie auf Details ansehen, um in der Firebase-Konsole weitere Informationen aufzurufen.
• Hier sehen Sie eine Grafik mit der Anzahl der Anfragen, die Ihre App in den letzten 24 Stunden erhalten hat, aufgeschlüsselt nach HTTP-Statuscode.

Wenn Sie den Bereich „App-Übersicht“ schließen, können Sie ihn jederzeit wieder öffnen, indem Sie auf Veröffentlichen klicken.

Weitere Informationen zum Verwalten und Überwachen von App Hosting-Roll-outs finden Sie unter Roll-outs und Releases verwalten.

(Optional) Schritt 8: Bereitstellung rückgängig machen

Wenn Sie mehrere Versionen Ihrer App auf App Hosting bereitgestellt haben, können Sie zu einer der vorherigen Versionen zurückkehren. Sie können sie auch entfernen.

• So führen Sie ein Rollback für eine veröffentlichte Website durch:

  1. Öffnen Sie App Hosting in der Firebase-Konsole.

  2. Suchen Sie das Backend Ihrer App, klicken Sie auf Anzeigen und dann auf Roll-outs.

  3. Klicken Sie neben der Bereitstellung, auf die Sie zurückwechseln möchten, auf das Dreipunkt-Menü more_vert und wählen Sie Zu diesem Build zurückkehren aus. Bestätigen Sie die Auswahl.

  Weitere Informationen zum Verwalten von Einführungen und Versionen

• So entfernen Sie Ihre App Hosting-Domain aus dem Web:

  1. Öffne in der Firebase-Konsole App Hosting und klicke im Bereich Firebase Studio für Apps auf Anzeigen.

  2. Klicken Sie im Bereich Backend-Informationen auf Verwalten. Die Seite Domains wird geladen.

  3. Klicken Sie neben Ihrer Domain auf das Dreipunkt-Menü more_vert, wählen Sie Domain deaktivieren aus und bestätigen Sie die Aktion.

  Dadurch wird Ihre Domain aus dem Web entfernt. Wenn Sie Ihr App Hosting-Backend vollständig entfernen möchten, folgen Sie der Anleitung unter Backend löschen.

(Optional) Schritt 9: Genkit-Monitoring für bereitgestellte Funktionen verwenden

Sie können die Schritte, Eingaben und Ausgaben Ihrer Genkit-Funktion überwachen, indem Sie die Telemetrie für Ihren KI-Flow-Code aktivieren. Mit der Telemetriefunktion von Genkit können Sie die Leistung und Nutzung Ihrer KI-Abläufe im Blick behalten. Anhand dieser Daten können Sie Verbesserungsmöglichkeiten erkennen, Probleme beheben, Prompts und Workflows für eine bessere Leistung und Kosteneffizienz optimieren und die Nutzung Ihrer Workflows im Zeitverlauf verfolgen.

Wenn Sie das Monitoring in Genkit einrichten möchten, fügen Sie den Genkit-KI-Abläufen Telemetrie hinzu und sehen sich die Ergebnisse dann in der Firebase-Konsole an.

Schritt 1: Genkit-Flow-Code in Firebase Studio telematische Daten hinzufügen

So richten Sie das Monitoring in Ihrem Code ein:

1. Wenn Sie sich nicht bereits in der Code-Ansicht befinden, klicken Sie auf Zum Code wechseln, um sie zu öffnen.

2. Prüfe unter package.json, welche Version von Genkit installiert ist.

3. Öffnen Sie das Terminal (Ctrl-Shift-C oder Cmd-Shift-C unter macOS).

4. Klicken Sie im Terminal und installieren Sie das Firebase-Plug-in mit der Version, die zu Ihrer package.json-Datei passt. Wenn die Genkit-Pakete in Ihrer package.json beispielsweise die Version 1.0.4 haben, sollten Sie den folgenden Befehl ausführen, um das Plug-in zu installieren:

   npm i --save @genkit-ai/firebase@1.0.4

5. Maximieren Sie im Explorer src > ai > flows. Im Ordner flows befinden sich eine oder mehrere TypeScript-Dateien mit Ihren Genkit-Abläufen.

6. Klicken Sie auf einen der Ablaufpläne, um ihn zu öffnen.

7. Fügen Sie unten im Abschnitt „Importe“ der Datei Folgendes hinzu, um FirebaseTelemetry zu importieren und zu aktivieren:

   import { enableFirebaseTelemetry } from '@genkit-ai/firebase';
   
   enableFirebaseTelemetry();
   

Schritt 2: Berechtigungen einrichten

Firebase Studio hat die erforderlichen APIs für Sie aktiviert, als es Ihr Firebase-Projekt eingerichtet hat. Sie müssen dem Dienstkonto App Hosting jedoch auch Berechtigungen zuweisen.

So richten Sie Berechtigungen ein:

1. Öffnen Sie die Google Cloud IAM-Konsole, wählen Sie Ihr Projekt aus und weisen Sie dem App-Hosting-Dienstkonto die folgenden Rollen zu:

   • Monitoring-Messwert-Autor (roles/monitoring.metricWriter)
   • Cloud Trace-Agent (roles/cloudtrace.agent)
   • Log-Autor (roles/logging.logWriter)

2. Veröffentlichen Sie Ihre App noch einmal bei App Hosting.

3. Sobald die Veröffentlichung abgeschlossen ist, können Sie Ihre App laden und verwenden. Nach fünf Minuten sollte Ihre App mit dem Erfassen von Telemetriedaten beginnen.

Schritt 3: Funktionen basierend auf generativer KI in der Firebase-Konsole beobachten

Wenn die Telemetrie konfiguriert ist, erfasst Genkit die Anzahl der Anfragen, den Erfolg und die Latenz für alle Ihre Aufrufe. Außerdem werden für jeden einzelnen Aufruf Stabilitätsmesswerte erfasst, detaillierte Diagramme angezeigt und erfasste Traces protokolliert.Genkit

So überwachen Sie Ihre mit Genkit implementierten KI-Funktionen:

1. Öffnen Sie nach fünf Minuten Genkit in der Firebase Console und sehen Sie sich die Prompts und Antworten von Genkit an.

   Genkit stellt die folgenden Stabilitätsmesswerte zusammen:

   • Anfragen insgesamt:Die Gesamtzahl der Anfragen, die von Ihrem Ablauf empfangen wurden.
   • Erfolgsquote:Der Prozentsatz der Anfragen, die erfolgreich verarbeitet wurden.
   • Latenz des 95. Perzentils:Die Latenz des 95. Perzentils Ihres Flusses, also die Zeit, die für die Verarbeitung von 95% der Anfragen benötigt wird.

   • Tokennutzung:

     • Eingabe-Tokens: Die Anzahl der Tokens, die im Prompt an das Modell gesendet wurden.
     • Ausgabetokens: Die Anzahl der vom Modell in der Antwort generierten Tokens.

   • Bildnutzung:

     • Eingabebilder:Die Anzahl der Bilder, die im Prompt an das Modell gesendet wurden.
     • Ausgabebilder:Die Anzahl der vom Modell in der Antwort generierten Bilder.

   Wenn Sie die Stabilitätsmesswerte maximieren, sind detaillierte Diagramme verfügbar:

   • Anfragevolumen im Zeitverlauf
   • Erfolgsquote im Zeitverlauf
   • Eingabe- und Ausgabetokens im Zeitverlauf
   • Latenz (95. und 50. Perzentil) im Zeitverlauf.

Weitere Informationen zu Genkit finden Sie unter Genkit.

Nächste Schritte

• Weitere Informationen zum Entwickeln von Apps in einem Firebase Studio-Arbeitsbereich
• Weitere Informationen zur KI-Unterstützung in Firebase Studio