Kurzanleitung: Agent Studio-Prompt als Webanwendung bereitstellen

In Agent Studio können Sie Prompts entwerfen und iterieren sowie Ergebnisse aus verschiedenen Konfigurationen und Modellen vergleichen. Nachdem Sie Ihren Prompt erstellt haben, können Sie ihn als Webanwendung bereitstellen, um ihn mit Ihren Mitbearbeitern oder Zielnutzern zu teilen, damit sie die Webanwendung testen können. Die Webanwendung wird in Cloud Run gehostet und ist außerhalb der Google Cloud Console verfügbar.

Dieser Schnellstart erläutert die folgenden Schritte:

  • Prompt mit Prompt-Variablen erstellen
  • Prompt als Webanwendung bereitstellen
  • Bereitstellungsfortschritt überwachen und bereitgestellte Anwendung testen
  • Prompt aktualisieren und neu bereitstellen
  • Prompt-Übermittlung mit multimodaler Unterstützung testen

Vorbereitung

Wenn Sie Agent Studio noch nie verwendet haben, können Sie eine andere Kurzanleitung lesen oder den Google Cloud Skills Boost-Kurs absolvieren, um die Grundlagen von Agent Studio kennenzulernen. Für diese Anleitung benötigen Sie Folgendes:

  1. Ein Google Cloud-Projekt mit aktivierter Abrechnung und aktivierter Agent Platform API.
  2. Die erforderlichen Rollen, um einen Agent Studio-Prompt als Webanwendung bereitzustellen. Wenn Sie ein neues Projekt für diese Anleitung erstellt haben, haben Sie bereits die erforderlichen Berechtigungen.

Optional können Sie auch dafür sorgen, dass das Compute Engine-Standarddienstkonto die für das Bereitstellungsdienstkonto erforderlichen Rollen hat. Wenn Sie die Berechtigung zum Gewähren von Rollen haben, können Sie diese Rollen stattdessen beim Bereitstellen Ihrer Anwendung gewähren.

Erforderliche Rollen

Bitten Sie Ihren Administrator, Ihnen die folgenden IAM-Rollen für Ihr Projekt zuzuweisen, um die Berechtigungen zu erhalten, die Sie zum Bereitstellen eines Agent Studio-Prompts als Webanwendung benötigen:

Weitere Informationen zum Zuweisen von Rollen finden Sie unter Zugriff auf Projekte, Ordner und Organisationen verwalten.

Sie können die erforderlichen Berechtigungen auch über benutzerdefinierte Rollen oder andere vordefinierte Rollen erhalten.

Erforderliche Rollen für das Deployment-Dienstkonto

Bitten Sie Ihren Administrator, dem Compute Engine-Standarddienstkonto die folgenden IAM-Rollen für Ihr Projekt zuzuweisen, damit das Compute Engine-Standarddienstkonto die erforderlichen Berechtigungen zum Ausführen von Builds in Ihrem Namen hat:

Weitere Informationen zum Zuweisen von Rollen finden Sie unter Zugriff auf Projekte, Ordner und Organisationen verwalten.

Ihr Administrator kann dem Compute Engine-Standarddienstkonto möglicherweise auch die erforderlichen Berechtigungen über benutzerdefinierte Rollen oder andere vordefinierte Rollen erteilen.

Wenn Sie die Berechtigung zum Zuweisen von Rollen haben, können Sie diese Rollen stattdessen beim Bereitstellen Ihrer Anwendung zuweisen.

Prompt mit Prompt-Variablen erstellen

Rufen Sie in Agent Studio die Seite zum Erstellen von Prompts auf und klicken Sie im Eingabefeld für Prompts auf Variable hinzufügen.

Geben Sie im Dialogfeld Prompt-Variablen verwalten einen Variablennamen und einen Wert ein. Klicken Sie dann auf Übernehmen.

Dialogfeld „Prompt-Variablen verwalten“

Erstellen Sie im Prompt-Eingabefeld den Prompt mit der Variable und passen Sie dann andere Parameter an. Sie können beispielsweise die Fundierung mit der Google Suche aktivieren und „Immer das aktuelle Wetter aus dem Web abrufen“ als Systemanweisungen festlegen.

Prompt als Webanwendung bereitstellen

Wenn Sie Ihren Prompt als Webanwendung bereitstellen möchten, klicken Sie auf und dann auf Als Anwendung bereitstellen.

Klicken Sie auf „Mit Code erstellen“ und dann auf „Als Anwendung bereitstellen“.

Prompt speichern

Das Dialogfeld zum Speichern des Prompts wird angezeigt, da der Prompt vor der Bereitstellung gespeichert werden muss. Das Dialogfeld für die Bereitstellung wird automatisch geöffnet, sobald der Prompt gespeichert wurde.

Prompt vor der Bereitstellung speichern

APIs für die erste Bereitstellung aktivieren und Berechtigungen gewähren

  1. Nachdem der Prompt gespeichert wurde, wird der Bereitstellungsprozess fortgesetzt. Wenn dies Ihre erste Bereitstellung ist, wird ein Dialogfeld zum Aktivieren der erforderlichen APIs angezeigt. Klicken Sie auf Erforderliche APIs aktivieren.
  2. Nachdem die APIs aktiviert wurden, wird das Dialogfeld Webanwendung erstellen angezeigt. Sie können Authentifizierung erforderlich (über Identity-Aware Proxy) oder Öffentlichen Zugriff erlauben auswählen.
    • Wenn die erforderliche Authentifizierung ausgewählt ist, folgen Sie der Anleitung zum Gewähren des Zugriffs (einschließlich Ihnen selbst).
    • Wenn Sie Öffentlichen Zugriff zulassen auswählen, kann jeder auf die Anwendung zugreifen. Fügen Sie Ihrem Prompt daher keine vertraulichen oder personenidentifizierbaren Informationen hinzu. Klicken Sie auf das Kästchen Mir ist bewusst, dass diese Anwendung öffentlich bereitgestellt wird, um dies zu bestätigen.
  3. Klicken Sie auf Anwendung erstellen, um die Bereitstellung zu starten.
  4. Wenn dies Ihre erste Bereitstellung ist, wird ein weiteres Dialogfeld angezeigt, in dem Sie aufgefordert werden, dem Dienstkonto die erforderlichen Rollen zuzuweisen. Klicken Sie auf Alle gewähren, um fortzufahren.

Bereitstellung beginnt

Agent Studio erstellt eine ZIP-Datei mit dem Quellcode für die Webanwendung und lädt die ZIP-Datei in einen Cloud Storage-Bucket hoch. Nach dem Start der Bereitstellung wird das Dialogfeld Webanwendung verwalten mit Informationen zu Ihrer Bereitstellung angezeigt, z. B. dem Namen Ihrer Anwendung, dem Zeitpunkt der letzten Bereitstellung und dem Bereitstellungsstatus.

Dialogfeld „App verwalten“

Bereitstellungsstatus überwachen

Die Bereitstellung dauert 2–3 Minuten. Der Bereitstellungsstatus wird in der Spalte Status des Dialogfelds Webanwendung verwalten angezeigt. Wenn Sie das Dialogfeld Webanwendung verwalten schließen, können Sie es über das Menü unter dem Button Mit Code erstellen wieder öffnen.

Sobald die Bereitstellung abgeschlossen ist, ändert sich die Statusspalte in Bereit und die Schaltfläche Öffnen wird neben dem Anwendungsnamen angezeigt.

Die Schaltfläche „App öffnen“ wird neben dem App-Namen angezeigt

Zugriffssteuerung und geheimer Schlüssel

Ihre Webanwendung wird standardmäßig mit aktivierter Zugriffssteuerung Nicht authentifizierten Zugriff zulassen bereitgestellt. Sie können die Funktion deaktivieren, indem Sie auf das Stiftsymbol  klicken. Weitere Informationen finden Sie im Abschnitt Öffentlichen Zugriff deaktivieren.

Für einen grundlegenden Schutz muss der URL zum Senden des Prompts ein Secret-Schlüssel angehängt werden. Sie finden den Secret-Schlüssel in der Spalte Secret-Schlüssel. Wenn Sie die Webanwendung über Agent Studio öffnen, wird der Schlüssel automatisch an die URL angehängt.

Webanwendung öffnen und Prompt senden

Klicken Sie im Dialogfeld Webanwendung verwalten auf Öffnen, um auf die bereitgestellte Anwendung zuzugreifen. Die Anwendung sollte mit dem geheimen Schlüssel geöffnet werden, der im Format ?key=SECRET_KEY an die URL angehängt ist.

Öffnen Sie die Webanwendung über das Dialogfeld „App verwalten“. Der Secret-Schlüssel wird an die URL angehängt.

Geben Sie einen Wert für die Variable ein und klicken Sie auf Senden. Die Ergebnisse sollten rechts angezeigt werden.

Prompt über die Web-App senden

Webanwendung über das Menü des Buttons „Mit Code erstellen“ öffnen

Wenn Ihre Webanwendung bereit ist, können Sie sie auch über das Menü des Buttons Mit Code erstellen öffnen.

Anwendung über das Menü des Buttons „Mit Code erstellen“ öffnen

Cloud Run ist ein serverloser Dienst. Das bedeutet, dass der Container für die Anwendung heruntergefahren wird, wenn er nicht aktiv verwendet wird. Daher kann es manchmal einige Sekunden dauern, bis die Webanwendung geladen wird, oder eine Einreichung funktioniert nicht, wenn Sie die Webanwendung zu lange inaktiv gelassen haben. Das Problem sollte sich durch Aktualisieren der Seite beheben lassen.

Status über die Benachrichtigungsglocke im Blick behalten

Sie können den Status auch im Menü Benachrichtigungen im Blick behalten, indem Sie auf das Glockensymbol klicken. Die Ladeanimation des Glockensymbols wird beendet und ein grüner Kreis wird angezeigt, wenn die Bereitstellung erfolgreich abgeschlossen wurde.

Den Status finden Sie unter der Benachrichtigungsglocke.

Wenn Sie auf die Benachrichtigung klicken, werden Sie zur Cloud Run-Seite weitergeleitet. An die URL auf der Cloud Run-Seite ist der geheime Schlüssel nicht angehängt. Sie müssen ihn manuell im Format ?key=SECRET_KEY anhängen.

An den App-Link auf der Cloud Run-Seite ist der Schlüssel nicht angehängt.

Prompt aktualisieren und neu bereitstellen

Sie können Ihren Prompt in Agent Studio weiter bearbeiten und in eine Unterhaltung umwandeln. Klicken Sie dann auf Mit Code erstellen und dann auf Anwendung verwalten, um das Dialogfeld Webanwendung verwalten zu öffnen. Klicken Sie auf Anwendung aktualisieren, um die Webanwendung mit dem aktualisierten Prompt neu bereitzustellen.

Daraufhin wird ein Bestätigungsdialogfeld eingeblendet. Sie werden darauf hingewiesen, dass bei einer erneuten Bereitstellung alle Änderungen verloren gehen, die Sie außerhalb von Agent Studio an der bereitgestellten Webanwendung vorgenommen haben (z. B. im Cloud Run-Quellcode-Editor). Klicken Sie auf Bestätigen, um fortzufahren.

Das Dialogfeld Webanwendung verwalten wird wieder geöffnet. Der Vorgang ähnelt der ersten Bereitstellung. Sie können den Fortschritt auf dieselbe Weise wie bei der ersten Bereitstellung überwachen.

Nachdem das Update abgeschlossen ist, können Sie die Webanwendung wieder öffnen. Die Konversations-UI mit der Prompt-Variablen wird angezeigt. Geben Sie den Wert ein und geben Sie einen beliebigen nicht leeren Inhalt ein, um die Unterhaltung fortzusetzen.

Die aktualisierte App hat eine Chat-Benutzeroberfläche.

Multimodale Inhalte einfügen

Sie können Eingaben wie Bilder, Videos, Audio und Dokumente in die Konversations-UI einfügen. Welche Eingaben unterstützt werden, hängt vom Modell ab, das für den Prompt ausgewählt wurde. Weitere Informationen finden Sie in der Dokumentation zur multimodalen Unterstützung für die einzelnen Modelle.

Klicken Sie im Eingabefeld der Unterhaltung auf das Büroklammersymbol , um eine Datei einzufügen.

Multimodale Eingaben einfügen

Sie können mit dem Modell über die von Ihnen bereitgestellten Eingaben interagieren.

Mit dem Modell über multimodale Eingaben interagieren

Weiterführende Informationen

Sobald Sie mit dem Bereitstellungsprozess vertraut sind, können Sie die folgenden Aktionen in Betracht ziehen.

Quellcode in Cloud Run bearbeiten

Wenn Sie die Webanwendung anpassen möchten, können Sie Änderungen am Quellcode in Cloud Run vornehmen. Öffnen Sie die Seite mit dem Cloud Run-Quellcode im Dialogfeld Webanwendung verwalten, indem Sie am Ende der Zeile auf das Dreipunkt-Menü  klicken. Open-Source-Quellcode-Editor im Dialogfeld „Webanwendung verwalten“

Alternativ können Sie auch über die Webanwendung zur Sicherheitsseite gelangen, indem Sie auf den Link Quellcode-Editor klicken.

Klicken Sie auf der Seite „Cloud Run-Quellcode“ auf Quelle bearbeiten, um den Bearbeitungsmodus zu starten. Klicken Sie abschließend auf Speichern und noch einmal bereitstellen.

Nachdem die erneute Bereitstellung abgeschlossen ist, müssen Sie die Anwendung über Agent Studio öffnen. Sie können die Agent Studio-Seite über den Link im Badge Über Agent Platform bereitgestellt aufrufen.

Zugriff gewähren

So gewähren Sie Nutzern oder Gruppen Zugriff auf die App:

  1. Öffnen Sie das Dialogfeld Web-App verwalten.
  2. Klicken Sie in der Spalte Zugriffssteuerung auf das Stiftsymbol . Die Cloud Run-Sicherheitsseite wird in einem neuen Tab geöffnet.
  3. Suchen Sie auf der Cloud Run-Sicherheitsseite das Kästchen für Identity-Aware Proxy (IAP). Achten Sie darauf, dass das Häkchen gesetzt ist, und klicken Sie dann auf Richtlinie bearbeiten.
  4. Es wird eine Unteraufgabe angezeigt, mit der Sie den Zugriff bearbeiten können. Geben Sie die E-Mail-Adressen von Nutzern oder Gruppen in das Feld Hauptkonto ein. Wenn Sie Nutzer in einer Organisation sind, können Sie nur Nutzer aus derselben Organisation hinzufügen.
    Unteraufgabe zum Bearbeiten von IAP
  5. Lassen Sie das Feld für Zugriffsebenen leer.
  6. Klicken Sie auf Speichern.
  7. Nachdem die Unteraufgabe geschlossen wurde, klicken Sie auf der Cloud Run-Seite noch einmal auf Speichern.
    Noch einmal in der Cloud Run-Benutzeroberfläche speichern

Öffentlichen Zugriff deaktivieren

Wenn die Webanwendung nicht öffentlich zugänglich sein muss, können Sie sie in Cloud Run deaktivieren. Öffnen Sie das Dialogfeld Webanwendung verwalten und klicken Sie in der Spalte Zugriffssteuerung auf das Stiftsymbol . Die Cloud Run-Sicherheitsseite wird in einem neuen Tab geöffnet.

Sie können die Sicherheitsseite auch über die Webanwendung aufrufen, indem Sie auf den Link Sicherheitseinstellungen klicken.

Aktivieren Sie auf der Seite „Sicherheit“ des entsprechenden Cloud Run-Dienstes Ihrer Webanwendung die Option Cloud IAM zum Authentifizieren von eingehenden Anfragen verwenden und wählen Sie Authentifizierung erforderlich aus. Klicken Sie auf Speichern.

Dadurch ist Ihre Webanwendung nicht mehr über die URL zugänglich. Wenn Sie versuchen, darauf zuzugreifen, wird die Seite Fehler: Verboten angezeigt.

Öffentlichen Zugriff wieder aktivieren

Wenn Sie den öffentlichen Zugriff wieder aktivieren möchten, entfernen Sie das Häkchen bei Cloud IAM zum Authentifizieren von eingehenden Anfragen verwenden und speichern Sie die Änderung. Wenn Sie Nicht authentifizierte Aufrufe zulassen auswählen, funktioniert dies nicht, wenn sich Ihr Projekt in einer Organisation befindet. Weitere Informationen finden Sie unter Authentifizierung in Cloud Run.

Lokalen Zugriff für die Entwicklung einrichten

In der öffentlichen Vorschau wird die Zugriffssteuerung noch nicht unterstützt. Wenn Sie den öffentlichen Zugriff deaktivieren, können Sie nur über einen lokalen Proxy auf die Webanwendung zugreifen. Dazu können Sie gcloud-Befehle verwenden. Öffnen Sie zuerst Cloud Shell über das Terminalsymbol  oben rechts in der Google Cloud Console. Sie werden aufgefordert, Cloud Shell zu autorisieren. Klicken Sie auf Autorisieren, um fortzufahren.

Öffnen Sie anschließend das Dialogfeld Webanwendung verwalten und klicken Sie am Ende der Zeile auf das Dreipunkt-Menü , um weitere Aktionen aufzurufen. Klicken Sie auf Lokalen Zugriff über Cloud Shell einrichten. Befehl zum Einrichten des lokalen Zugriffs über das Dialogfeld „Webanwendung verwalten“ abrufen

Ein Befehl wird Ihrer Cloud Shell hinzugefügt. Drücken Sie die Eingabetaste und warten Sie, bis die Ausgabe abgeschlossen ist. Klicken Sie auf den Link in der Zeile, die mit Click on the link to preview beginnt. Sie können Ihre Bewerbung einsehen. Dieser Link funktioniert nur, wenn der gcloud-Befehl ausgeführt wird. Link für lokalen Zugriff in Cloud Shell

Allgemeine Probleme

Authentifizierungsfehler: Kein geheimer Schlüssel

Wenn der folgende Fehler angezeigt wird, wurde der URL kein geheimer Schlüssel angehängt. Folgen Sie der Anleitung zum Öffnen der Webanwendung über Agent Studio oder kopieren Sie den geheimen Schlüssel aus dem Dialogfeld Anwendung verwalten und hängen Sie ihn im Format ?key=SECRET_KEY an die URL an.

Fehler, wenn kein geheimer Schlüssel vorhanden ist

Authentifizierungsfehler: Ungültiger Geheimschlüssel

Der folgende Fehler bedeutet, dass der an die URL angehängte Schlüssel ungültig ist. Der geheime Schlüssel ist für jeden Prompt eindeutig. Wenn Sie einen geheimen Schlüssel aus einer anderen Aufforderung haben, funktioniert er nicht. Folgen Sie der Anleitung, um die Webanwendung richtig zu öffnen.

Fehler bei ungültigem Schlüssel

400 Ungültiges Argument: leere Eingabe

Der folgende Fehler tritt auf, wenn Sie Eingaben in der Prompt-Variablen haben, der Chat aber leer ist. Es wird eine 400-Fehlermeldung angezeigt. Sie können das Problem beheben, indem Sie einen beliebigen Text eingeben und die Anfrage noch einmal senden.

Fehler bei leerem Inhalt

400 Ungültiges Argument: mimeType wird nicht unterstützt

Wenn Sie einen Dateityp auswählen, der vom Modell nicht unterstützt wird, wird ein 400-Fehler zurückgegeben. Das ist normal. Sie müssen andere Dateitypen verwenden, die vom Modell unterstützt werden. Weitere Informationen finden Sie in der Dokumentation zur multimodalen Unterstützung für die einzelnen Modelle.

Fehler bei nicht unterstützten MIME-Typen

Nächste Schritte

Übersicht

Informationen zum Erstellen von KI-Agenten in der Google Agent Platform

Anleitung

Informationen zu den Funktionen von Agent Studio

Kurzanleitung

Informationen zum Senden von Text-Prompts an Gemini mit Agent Studio