View a markdown version of this page

Erstellen Sie mit Amazon Bedrock eine KI-Textzusammenfassungs-App - AWS App Studio
VoraussetzungenSchritt 1: Erstellen und konfigurieren Sie eine IAM-Rolle und einen App Studio-ConnectorSchritt 2: Erstellen Sie eine AnwendungSchritt 3: Erstellen und konfigurieren Sie eine AutomatisierungSchritt 4: Seiten und Komponenten erstellenSchritt 5: Veröffentlichen Sie die Anwendung auf Testen Umgebung(Optional) Bereinigen

Die vorliegende Übersetzung wurde maschinell erstellt. Im Falle eines Konflikts oder eines Widerspruchs zwischen dieser übersetzten Fassung und der englischen Fassung (einschließlich infolge von Verzögerungen bei der Übersetzung) ist die englische Fassung maßgeblich.

Erstellen Sie mit Amazon Bedrock eine KI-Textzusammenfassungs-App

In diesem Tutorial erstellen Sie eine Anwendung in App Studio, die Amazon Bedrock verwendet, um kurze Zusammenfassungen der Texteingaben von Endbenutzern bereitzustellen. Die Anwendung enthält eine einfache Benutzeroberfläche, auf der Benutzer jeden beliebigen Text eingeben können, den sie zusammengefasst haben möchten. Dies können Besprechungsnotizen, Artikelinhalte, Forschungsergebnisse oder andere Textinformationen sein. Nachdem Benutzer den Text eingegeben haben, können sie eine Taste drücken, um den Text an Amazon Bedrock zu senden. Amazon Bedrock verarbeitet ihn unter Verwendung des Modells Claude 3 Sonnet und gibt eine zusammengefasste Version zurück.

Voraussetzungen

Bevor Sie beginnen, sollten Sie die folgenden Voraussetzungen überprüfen und erfüllen:

Schritt 1: Erstellen und konfigurieren Sie eine IAM-Rolle und einen App Studio-Connector

Um App Studio Zugriff auf Amazon Bedrock-Modelle zu gewähren, müssen Sie:

  1. Aktivieren Sie die Amazon Bedrock-Modelle, die Sie in Ihrer App verwenden möchten. Für dieses Tutorial verwenden Sie Claude 3 Sonnet. Stellen Sie also sicher, dass Sie dieses Modell aktivieren.

  2. Erstellen Sie eine IAM-Rolle mit den entsprechenden Berechtigungen für Amazon Bedrock.

  3. Erstellen Sie einen App Studio-Connector mit der IAM-Rolle, die in Ihrer App verwendet wird.

Eine ausführliche Anleitung finden Sie unter und kehren Sie zu diesem Tutorial zurück, nachdem Sie die Schritte befolgt und den Connector erstellt haben. Stellen Sie eine Verbindung zu Amazon Bedrock her

Schritt 2: Erstellen Sie eine Anwendung

Gehen Sie wie folgt vor, um eine leere App in App Studio zu erstellen, die Sie in die Textzusammenfassungs-App integrieren werden.

  1. Melden Sie sich bei App Studio an.

  2. Navigiere zum Builder-Hub und wähle + App erstellen.

  3. Wähle Von vorne beginnen.

  4. Geben Sie im Feld App-Name einen Namen für Ihre App ein, z. Text Summarizer B.

  5. Wenn Sie aufgefordert werden, Datenquellen oder einen Connector auszuwählen, wählen Sie für die Zwecke dieses Tutorials die Option Überspringen.

  6. Wählen Sie Weiter aus, um fortzufahren.

  7. (Optional): Sehen Sie sich das Video-Tutorial an, um einen kurzen Überblick über das Erstellen von Apps in App Studio zu erhalten.

  8. Wählen Sie App bearbeiten, um zum Anwendungsstudio zu gelangen.

Schritt 3: Erstellen und konfigurieren Sie eine Automatisierung

Sie definieren die Logik und das Verhalten einer App Studio-App in Automatisierungen. Automatisierungen bestehen aus einzelnen Schritten, die als Aktionen bezeichnet werden, Parametern, die verwendet werden, um Daten von anderen Ressourcen an die Aktion zu übergeben, und einer Ausgabe, die von anderen Automatisierungen oder Komponenten verwendet werden kann. In diesem Schritt erstellen Sie eine Automatisierung, die die Interaktion mit Amazon Bedrock mit den folgenden Elementen abwickelt:

  • Eingaben: Ein Parameter, um die Texteingabe vom Benutzer an die Automatisierung zu übergeben.

  • Aktionen: Eine GenAI Prompt-Aktion, die die Texteingabe an Amazon Bedrock sendet und die Zusammenfassung des Ausgabetexts zurückgibt.

  • Ausgaben: Eine Automatisierungsausgabe, die aus der verarbeiteten Zusammenfassung von Amazon Bedrock besteht und in Ihrer App verwendet werden kann.

Um eine Automatisierung zu erstellen und zu konfigurieren, die eine Aufforderung an Amazon Bedrock sendet und eine Zusammenfassung verarbeitet und zurückgibt

  1. Wählen Sie oben auf der Arbeitsfläche den Tab Automatisierungen aus.

  2. Wähle + Automatisierung hinzufügen.

  3. Wählen Sie im rechten Bereich „Eigenschaften“.

  4. Aktualisieren Sie den Namen der Automatisierung, indem Sie auf das Stiftsymbol klicken. Geben Sie ein InvokeBedrock und drücken Sie die Eingabetaste.

  5. Fügen Sie der Automatisierung einen Parameter hinzu, der verwendet wird, um die Texteingabe des Benutzers an die Automatisierung weiterzuleiten, um sie in der Anfrage an Amazon Bedrock zu verwenden, indem Sie die folgenden Schritte ausführen:

    1. Wählen Sie auf der Leinwand im Parameterfeld + Hinzufügen aus.

    2. Geben Sie unter Name input ein.

    3. Geben Sie im Feld Beschreibung eine beliebige Beschreibung ein, z. Text to be sent to Amazon Bedrock B.

    4. Wählen Sie unter Typ die Option Zeichenfolge aus.

    5. Wählen Sie Hinzufügen, um den Parameter zu erstellen.

  6. Fügen Sie eine GenAI Prompt-Aktion hinzu, indem Sie die folgenden Schritte ausführen:

    1. Wählen Sie im rechten Bereich Aktionen aus.

    2. Wählen Sie GenAI Prompt, um eine Aktion hinzuzufügen.

  7. Konfigurieren Sie die Aktion, indem Sie die folgenden Schritte ausführen:

    1. Wählen Sie die Aktion auf der Arbeitsfläche aus, um das Eigenschaftenmenü auf der rechten Seite zu öffnen.

    2. Benennen Sie die Aktion in um, PromptBedrock indem Sie das Stiftsymbol auswählen, den Namen eingeben und die Eingabetaste drücken.

    3. Wählen Sie unter Connector den Connector aus, der in erstellt wurdeSchritt 1: Erstellen und konfigurieren Sie eine IAM-Rolle und einen App Studio-Connector.

    4. Wählen Sie unter Modell das Amazon Bedrock-Modell aus, das Sie für die Verarbeitung der Aufforderung verwenden möchten. In diesem Tutorial wählen Sie Claude 3.5 Sonnet.

    5. Geben {{params.input}} Sie in der Benutzeraufforderung den Text ein. Dies stellt den input Parameter dar, den Sie zuvor erstellt haben und der die Texteingabe Ihrer App-Benutzer enthält.

    6. Geben Sie unter Systemaufforderung die Anweisungen zur Systemaufforderung ein, die Sie an Amazon Bedrock senden möchten. Geben Sie für dieses Tutorial Folgendes ein:

      You are a highly efficient text summarizer. Provide a concise summary of the prompted text, capturing the key points and main ideas.

    7. Wählen Sie Anforderungseinstellungen, um es zu erweitern, und aktualisieren Sie die folgenden Felder:

      • Geben Sie im Feld Temperatur den Wert ein0. Die Temperatur bestimmt die Zufälligkeit oder Kreativität der Ausgabe auf einer Skala von 0 bis 10. Je höher die Zahl, desto kreativer ist die Antwort.

      • Geben Sie im Feld Max Tokens den 4096 Wert ein, um die Länge der Antwort zu begrenzen.

  8. Die Ausgabe dieser Automatisierung ist der zusammengefasste Text. Standardmäßig erstellen Automatisierungen jedoch keine Ausgaben. Konfigurieren Sie die Automatisierung so, dass eine Automatisierungsausgabe erstellt wird, indem Sie die folgenden Schritte ausführen:

    1. Wählen Sie in der linken Navigationsleiste die InvokeBedrock Automatisierung aus.

    2. Wählen Sie im rechten Eigenschaftenmenü unter Ausgabe die Option + Hinzufügen.

    3. Geben {{results.PromptBedrock.text}} Sie im Feld Ausgabe den Wert ein. Dieser Ausdruck gibt den Inhalt der processResults Aktion zurück.

Schritt 4: Seiten und Komponenten erstellen

In App Studio stellt jede Seite einen Bildschirm der Benutzeroberfläche (UI) Ihrer Anwendung dar, mit dem Ihre Benutzer interagieren werden. Auf diesen Seiten können Sie verschiedene Komponenten wie Tabellen, Formulare, Schaltflächen und mehr hinzufügen, um das gewünschte Layout und die gewünschte Funktionalität zu erstellen.

Benennen Sie die Standardseite um

Die Textzusammenfassungs-App in diesem Tutorial wird nur eine Seite enthalten. Neu erstellte Anwendungen verfügen über eine Standardseite, sodass Sie diese umbenennen, anstatt eine hinzuzufügen.

Um die Standardseite umzubenennen

  1. Wählen Sie im Navigationsmenü der oberen Leiste Seiten aus.

  2. Wählen Sie im linken Bereich Page1 aus und wählen Sie im rechten Bereich das Eigenschaftenfenster aus.

  3. Wählen Sie das Stiftsymbol, geben Sie es ein und drücken Sie TextSummarizationTool die Eingabetaste.

  4. Geben Sie im Navigationslabel einTextSummarizationTool.

Fügen Sie der Seite Komponenten hinzu

Für dieses Tutorial hat die Textzusammenfassungs-App eine Seite, die die folgenden Komponenten enthält:

  • Eine Texteingabekomponente, mit der Endbenutzer eine Aufforderung zur Zusammenfassung eingeben.

  • Eine Button-Komponente, die verwendet wird, um die Aufforderung an Amazon Bedrock zu senden.

  • Eine Textbereichskomponente, die die Zusammenfassung von Amazon Bedrock anzeigt.

Fügen Sie der Seite eine Texteingabekomponente hinzu, über die Benutzer eine Texteingabeaufforderung eingeben, die zusammengefasst werden soll.

Um eine Texteingabekomponente hinzuzufügen

  1. Suchen Sie im rechten Bedienfeld „Komponenten“ die Texteingabekomponente und ziehen Sie sie auf die Leinwand.

  2. Wählen Sie die Texteingabe auf der Leinwand aus, um sie auszuwählen.

  3. Aktualisieren Sie im Eigenschaftenbereich auf der rechten Seite die folgenden Einstellungen:

    1. Wählen Sie das Stiftsymbol, in das Sie die Texteingabe umbenennen möchteninputPrompt.

    2. Geben Sie im Feld Bezeichnung den Wert einPrompt.

    3. Geben Enter text to be summarized Sie im Feld Platzhalter den Wert ein.

Fügen Sie nun eine Button-Komponente hinzu, die Benutzer auswählen können, um die Aufforderung an Amazon Bedrock zu senden.

Um eine Button-Komponente hinzuzufügen

  1. Suchen Sie im rechten Bedienfeld „Komponenten“ die Button-Komponente und ziehen Sie sie auf die Leinwand.

  2. Wählen Sie die Schaltfläche auf der Leinwand, um sie auszuwählen.

  3. Aktualisieren Sie im Eigenschaftenbereich auf der rechten Seite die folgenden Einstellungen:

    1. Wählen Sie das Stiftsymbol, in das Sie die Schaltfläche umbenennen möchtensendButton.

    2. Geben Sie im Feld Schaltflächenbeschriftung den Wert einSend.

Fügen Sie nun eine Textbereichskomponente hinzu, die die von Amazon Bedrock zurückgegebene Zusammenfassung anzeigt.

So fügen Sie eine Textbereichskomponente hinzu

  1. Suchen Sie im rechten Bedienfeld „Komponenten“ die Textbereichskomponente und ziehen Sie sie auf die Leinwand.

  2. Wählen Sie den Textbereich auf der Leinwand aus, um ihn auszuwählen.

  3. Aktualisieren Sie im Eigenschaftenbereich auf der rechten Seite die folgenden Einstellungen:

    1. Wählen Sie das Stiftsymbol, in das Sie die Schaltfläche umbenennen möchtentextSummary.

    2. Geben Sie im Feld Bezeichnung den Wert einSummary.

Konfigurieren Sie die Seitenkomponenten

Da die App nun eine Seite mit Komponenten enthält, besteht der nächste Schritt darin, die Komponenten so zu konfigurieren, dass sie das entsprechende Verhalten ausführen. Um eine Komponente, z. B. eine Schaltfläche, so zu konfigurieren, dass sie Aktionen ausführt, wenn mit ihr interagiert wird, müssen Sie ihr einen Trigger hinzufügen. Für die App in diesem Tutorial fügen Sie der sendButton Schaltfläche zwei Auslöser hinzu, um Folgendes zu tun:

  • Der erste Trigger sendet den Text in der textPrompt Komponente zur Analyse an Amazon Bedrock.

  • Der zweite Trigger zeigt die von Amazon Bedrock zurückgegebene Zusammenfassung in der textSummary Komponente an.

Um einen Trigger hinzuzufügen, der die Aufforderung an Amazon Bedrock sendet

  1. Wählen Sie die Schaltfläche auf der Leinwand, um sie auszuwählen.

  2. Wählen Sie im Eigenschaftenbereich auf der rechten Seite im Abschnitt Trigger die Option + Hinzufügen.

  3. Wählen Sie „Automatisierung aufrufen“.

  4. Wählen Sie den ersten InvokeAutomation Trigger, der erstellt wurde, um ihn zu konfigurieren.

  5. Geben Sie im Feld Aktionsname den Wert eininvokeBedrockAutomation.

  6. Wählen Sie unter Invoke Automation die InvokeBedrock Automatisierung aus, die zuvor erstellt wurde.

  7. Geben Sie im Parameterfeld in den Eingabeparameter, der zuvor erstellt wurde, ein{{ui.inputPrompt.value}}, der den Inhalt der inputPrompt Texteingabekomponente übergibt.

  8. Wählen Sie den linken Pfeil oben im Bedienfeld, um zum Menü mit den Komponenteneigenschaften zurückzukehren.

Jetzt haben Sie einen Trigger konfiguriert, der die Automatisierung aufruft, um eine Anfrage an Amazon Bedrock zu senden, wenn auf die Schaltfläche geklickt wird. Der nächste Schritt besteht darin, einen zweiten Trigger zu konfigurieren, der die Ergebnisse in der Komponente anzeigt. textSummary

Um einen Trigger hinzuzufügen, der die Amazon Bedrock-Ergebnisse in der Textbereichs-Komponente anzeigt

  1. Wählen Sie im Eigenschaftenbereich der Schaltfläche auf der rechten Seite im Abschnitt Trigger die Option + Hinzufügen.

  2. Wählen Sie „Komponentenaktion ausführen“.

  3. Wählen Sie den Trigger RuncomponentAction1, der zu seiner Konfiguration erstellt wurde.

  4. Geben Sie im Feld Aktionsname den Wert ein. setTextSummary

  5. Wählen Sie unter Komponente die TextSummary-Komponente aus.

  6. Wählen Sie unter Aktion die Option Wert festlegen aus.

  7. Geben Sie im Feld Wert setzen auf ein{{results.invokeBedrockAutomation}}.

Schritt 5: Veröffentlichen Sie die Anwendung auf Testen Umgebung

In der Regel empfiehlt es sich, während der Erstellung einer App eine Vorschau der App anzuzeigen, um zu sehen, wie sie aussieht, und erste Tests ihrer Funktionalität durchzuführen. Da Anwendungen in der Vorschauumgebung jedoch nicht mit externen Diensten interagieren, veröffentlichen Sie die App stattdessen in der Testumgebung, um das Senden von Anfragen und das Empfangen von Antworten von Amazon Bedrock testen zu können.

Um Ihre App in der Testumgebung zu veröffentlichen

  1. Wählen Sie in der oberen rechten Ecke des App Builders die Option Veröffentlichen aus.

  2. Fügen Sie eine Versionsbeschreibung für die Testumgebung hinzu.

  3. Überprüfen Sie das Kontrollkästchen für das SLA und aktivieren Sie es.

  4. Wählen Sie Starten. Die Veröffentlichung kann bis zu 15 Minuten dauern.

  5. (Optional) Wenn Sie bereit sind, können Sie anderen Zugriff gewähren, indem Sie Teilen wählen und den Anweisungen folgen. Weitere Informationen zum Teilen von App Studio-Apps finden Sie unterGemeinsame Nutzung veröffentlichter Anwendungen.

Nachdem Sie Ihre Anwendung getestet haben, wählen Sie erneut Veröffentlichen, um die Anwendung in die Produktionsumgebung hochzustufen. Beachten Sie, dass Apps in der Produktionsumgebung für Endbenutzer erst verfügbar sind, wenn sie gemeinsam genutzt werden. Weitere Informationen zu den verschiedenen Anwendungsumgebungen finden Sie unterAnwendungsumgebungen.

(Optional) Bereinigen

Sie haben das Tutorial jetzt erfolgreich abgeschlossen und eine App zur Textzusammenfassung in App Studio mit Amazon Bedrock erstellt. Sie können Ihre App weiterhin verwenden oder die Ressourcen, die in diesem Tutorial erstellt wurden, bereinigen. Die folgende Liste enthält eine Liste der Ressourcen, die bereinigt werden müssen:

  • Der Amazon Bedrock-Connector, der in App Studio erstellt wurde. Weitere Informationen finden Sie unter Connectoren anzeigen, bearbeiten und löschen.

  • Die Textzusammenfassungs-App in App Studio. Weitere Informationen finden Sie unter Löschen einer Anwendung.

  • Die in der IAM-Konsole erstellte IAM-Rolle. Weitere Informationen finden Sie im AWS Identity and Access Management Benutzerhandbuch unter Löschen von Rollen oder Instanzprofilen.

  • Wenn Sie den Modellzugriff für die Verwendung von Claude 3 Sonnet angefordert haben und den Zugriff rückgängig machen möchten, finden Sie weitere Informationen unter Zugriff auf Amazon Bedrock Foundation-Modelle verwalten im Amazon Bedrock-Benutzerhandbuch.