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-App zur Textzusammenfassung
In diesem Tutorial erstellen Sie eine Anwendung in App Studio, die Amazon Bedrock verwendet, um präzise Zusammenfassungen der Texteingaben von Endbenutzern bereitzustellen. Die Anwendung enthält eine einfache Benutzeroberfläche, über die Benutzer beliebigen Text eingeben können, den sie zusammenfassen 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 mit dem Modell Claude 3 Sonnet und sendet eine zusammengefasste Version zurück.
**Contents**
+ [Voraussetzungen](#tutorial-conversational-bedrock-prerequisites)
+ [Schritt 1: Erstellen und konfigurieren Sie eine IAM-Rolle und einen App Studio-Connector](#tutorial-conversational-bedrock-steps-create-role-connector)
+ [Schritt 2: Erstellen Sie eine Anwendung](#tutorial-conversational-bedrock-steps-create-application)
+ [Schritt 3: Erstellen und konfigurieren Sie eine Automatisierung](#tutorial-conversational-bedrock-steps-create-automation)
+ [Schritt 4: Seiten und Komponenten erstellen](#tutorial-conversational-bedrock-steps-user-interface)
+ [Benennen Sie die Standardseite um](#tutorial-conversational-bedrock-steps-user-interface-create-page)
+ [Fügen Sie der Seite Komponenten hinzu](#tutorial-conversational-bedrock-steps-user-interface-add-components)
+ [Konfigurieren Sie die Seitenkomponenten](#tutorial-conversational-bedrock-steps-user-interface-configure-components)
+ [Schritt 5: Veröffentlichen Sie die Anwendung in der **Testumgebung**](#tutorial-conversational-bedrock-steps-publish)
+ [(Optional) Bereinigen](#tutorial-conversational-bedrock-steps-cleanup)
## Voraussetzungen
Bevor Sie beginnen, sollten Sie die folgenden Voraussetzungen überprüfen und erfüllen:
+ Zugriff auf AWS App Studio. Beachten Sie, dass Sie in diesem Tutorial über die Administratorrolle verfügen müssen, um einen Connector zu erstellen.
+ Optional: Lesen [AWS App Studio-Konzepte](concepts.md) und dann[Tutorial: Beginne mit dem Erstellen von einer leeren App](getting-started-tutorial-empty.md), um sich mit wichtigen App Studio-Konzepten vertraut zu machen.
## 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.
1. Erstellen Sie eine IAM-Rolle mit den entsprechenden Berechtigungen für Amazon Bedrock.
1. Erstellen Sie einen App Studio-Connector mit der IAM-Rolle, die in Ihrer App verwendet wird.
[Connect zu Amazon Bedrock her](connectors-bedrock.md)Ausführliche Anweisungen finden Sie unter und kehren Sie zu diesem Tutorial zurück, nachdem Sie die Schritte ausgeführt und den Connector erstellt haben.
## Schritt 2: Erstellen Sie eine Anwendung
Gehen Sie wie folgt vor, um in App Studio eine leere App zu erstellen, die Sie in die Textzusammenfassungs-App integrieren.
1. Melden Sie sich bei App Studio an.
1. Navigieren Sie zum Builder-Hub und wählen Sie **\$1 App erstellen**.
1. Wählen Sie **Von vorne beginnen**.
1. Geben Sie im Feld **App-Name** einen Namen für Ihre App ein, z. **Text Summarizer** B.
1. Wenn Sie aufgefordert werden, Datenquellen oder einen Connector auszuwählen, wählen Sie für die Zwecke dieses Tutorials die Option **Überspringen**.
1. Wählen Sie **Weiter** aus, um fortzufahren.
1. (Optional): Sehen Sie sich das Video-Tutorial an, um einen schnellen Überblick über die Erstellung von Apps in App Studio zu erhalten.
1. 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, den sogenannten *Aktionen*, *Parametern*, mit denen Daten aus anderen Ressourcen an die Aktion übergeben werden, 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 wie folgt abwickelt:
+ Eingaben: Ein Parameter, um die Texteingabe vom Benutzer an die Automatisierung weiterzuleiten.
+ Aktionen: Eine **GenAI Prompt-Aktion**, die die Texteingabe an Amazon Bedrock sendet und die ausgegebene Textzusammenfassung 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ücksendet**
1. Wählen Sie oben auf der Leinwand die Registerkarte **Automationen** aus.
1. Wählen Sie **\$1 Automatisierung hinzufügen**.
1. Wählen Sie im rechten Bereich **Eigenschaften**.
1. Aktualisieren Sie den Namen der Automatisierung, indem Sie das Stiftsymbol auswählen. Geben Sie ein **InvokeBedrock** und drücken **Sie die Eingabetaste**.
1. Fügen Sie der Automatisierung einen Parameter hinzu, der verwendet wird, um die Eingabeaufforderungseingabe des Benutzers an die Automatisierung weiterzuleiten, die in der Anfrage an Amazon Bedrock verwendet werden soll, indem Sie die folgenden Schritte ausführen:
1. Wählen Sie auf der Leinwand im Parameterfeld **\$1 Hinzufügen** aus.
1. Geben Sie unter **Name** **input** ein.
1. **Geben Sie im Feld Beschreibung eine beliebige Beschreibung ein, z. **Text to be sent to Amazon Bedrock** B.**
1. Wählen Sie **unter Typ** die Option **Zeichenfolge** aus.
1. Wählen Sie **Hinzufügen**, um den Parameter zu erstellen.
1. Fügen Sie eine **GenAI Prompt-Aktion** hinzu, indem Sie die folgenden Schritte ausführen:
1. **Wählen Sie im rechten Bereich Aktionen aus.**
1. Wählen Sie **GenAI Prompt**, um eine Aktion hinzuzufügen.
1. 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.
1. Benennen Sie die Aktion um in, **PromptBedrock** indem Sie das Stiftsymbol wählen, den Namen eingeben und die Eingabetaste drücken.
1. Wählen Sie unter **Connector** den Connector aus, der in erstellt wurde[Schritt 1: Erstellen und konfigurieren Sie eine IAM-Rolle und einen App Studio-Connector](#tutorial-conversational-bedrock-steps-create-role-connector).
1. 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**.
1. Geben `{{params.input}}` Sie im Feld **Benutzeraufforderung** den Wert ein. Dies stellt den `input` Parameter dar, den Sie zuvor erstellt haben, und enthält die Texteingabe Ihrer App-Benutzer.
1. 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.
```
1. Wählen Sie **„Einstellungen anfordern“**, um es zu erweitern, und aktualisieren Sie die folgenden Felder:
+ Geben Sie im Feld **Temperatur** den Wert ein`0`. 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 Reaktion.
+ Geben Sie im Feld **Max. Tokens** ein, `4096` um die Länge der Antwort zu begrenzen.
1. Die Ausgabe dieser Automatisierung ist der zusammengefasste Text, jedoch erzeugen Automatisierungen standardmäßig keine Ausgaben. Konfigurieren Sie die Automatisierung so, dass sie eine Automatisierungsausgabe erstellt, indem Sie die folgenden Schritte ausführen:
1. Wählen Sie in der linken Navigationsleiste die **InvokeBedrock**Automatisierung aus.
1. Wählen Sie im rechten **Eigenschaftenmenü** unter **Ausgabe** die Option **\$1** Hinzufügen.
1. Geben **\$1\$1results.PromptBedrock.text\$1\$1** 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 die Option **Seiten** aus.
1. Wählen Sie im linken Bereich **Page1** und dann im rechten Bereich das **Eigenschaften-Panel** aus.
1. **Wählen Sie das Stiftsymbol, geben Sie die Eingabetaste ein und drücken Sie **TextSummarizationTool** die Eingabetaste.**
1. Geben Sie in der **Navigationsbeschriftung** ein**TextSummarizationTool**.
### 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 zur Zusammenfassung eingeben.
**Um eine Texteingabekomponente hinzuzufügen**
1. Suchen Sie im rechten Bedienfeld „**Komponenten**“ die **Texteingabekomponente** und ziehen Sie sie auf die Leinwand.
1. Wählen Sie die Texteingabe auf der Leinwand aus, um sie auszuwählen.
1. Aktualisieren Sie im **Eigenschaftenbereich** auf der rechten Seite die folgenden Einstellungen:
1. Wählen Sie das Stiftsymbol, in das Sie die Texteingabe umbenennen möchten**inputPrompt**.
1. Geben Sie im Feld **Bezeichnung** den Wert ein**Prompt**.
1. Geben **Enter text to be summarized** Sie im Feld **Platzhalter** den Wert ein.
Fügen Sie nun eine **Button-Komponente** hinzu, mit der Benutzer die Aufforderung an Amazon Bedrock senden können.
**Um eine Button-Komponente hinzuzufügen**
1. Suchen Sie im rechten Bedienfeld „**Komponenten**“ die **Button-Komponente** und ziehen Sie sie auf die Arbeitsfläche.
1. Wählen Sie die Schaltfläche auf der Leinwand aus, um sie auszuwählen.
1. 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öchten**sendButton**.
1. Geben **Sie im Feld Schaltflächenbezeichnung** den Wert ein**Send**.
Fügen Sie nun eine **Textbereichskomponente** hinzu, die die von Amazon Bedrock zurückgegebene Zusammenfassung anzeigt.
**Um eine Textbereichskomponente hinzuzufügen**
1. Suchen Sie im rechten Bedienfeld „**Komponenten**“ die **Textbereichskomponente** und ziehen Sie sie auf die Leinwand.
1. Wählen Sie den Textbereich auf der Leinwand aus, um ihn auszuwählen.
1. 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öchten**textSummary**.
1. Geben Sie im Feld **Bezeichnung** den Wert ein**Summary**.
### 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 *Auslöser* 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 Auslöser zeigt die von Amazon Bedrock zurückgegebene Zusammenfassung in der `textSummary` Komponente an.
**Um einen Auslöser hinzuzufügen, der die Aufforderung an Amazon Bedrock sendet**
1. Wählen Sie die Schaltfläche auf der Leinwand, um sie auszuwählen.
1. Wählen Sie im **Eigenschaftenfenster** auf der rechten Seite im Bereich **Auslöser** die Option **\$1 Hinzufügen**.
1. Wählen Sie „**Automatisierung aufrufen**“.
1. Wählen Sie den einen **InvokeAutomationTrigger** aus, der erstellt wurde, um ihn zu konfigurieren.
1. Geben Sie im Feld **Aktionsname** den Wert ein**invokeBedrockAutomation**.
1. Wählen Sie unter **Invoke Automation** die **InvokeBedrock**Automatisierung aus, die zuvor erstellt wurde.
1. Geben Sie im Parameterfeld in den **Eingabeparameter**, der zuvor erstellt wurde, den Text ein**\$1\$1ui.inputPrompt.value\$1\$1**, der den Inhalt der `inputPrompt` Texteingabekomponente übergibt.
1. Klicken Sie oben im Bedienfeld auf den Linkspfeil, um zum Menü mit den Komponenteneigenschaften zurückzukehren.
Jetzt haben Sie einen Trigger konfiguriert, der die Automatisierung zum Senden einer Anfrage an Amazon Bedrock aufruft, 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 Textbereichskomponente anzeigt**
1. Wählen Sie auf der rechten Seite des **Eigenschaftenfensters** der Schaltfläche im Bereich **Auslöser** die Option **\$1** Hinzufügen.
1. Wählen Sie „**Komponentenaktion ausführen**“.
1. Wählen Sie den **Runcomponentaction1-Trigger** aus, der für die Konfiguration erstellt wurde.
1. Geben Sie im Feld **Aktionsname** den Wert ein. **setTextSummary**
1. Wählen Sie unter **Komponente** die **TextSummary-Komponente** aus.
1. Wählen Sie unter **Aktion** die Option **Wert festlegen** aus.
1. Geben **Sie im Feld Wert setzen auf** ein**\$1\$1results.invokeBedrockAutomation\$1\$1**.
## Schritt 5: Veröffentlichen Sie die Anwendung in der **Testumgebung**
Während der Entwicklung einer App empfiehlt es sich in der Regel, eine Vorschau der App anzusehen, 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.
1. Fügen Sie eine Versionsbeschreibung für die Testumgebung hinzu.
1. Überprüfen Sie das Kontrollkästchen für das SLA und aktivieren Sie es.
1. Wählen Sie **Starten**. Die Veröffentlichung kann bis zu 15 Minuten dauern.
1. (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 unter[Gemeinsame Nutzung veröffentlichter Anwendungen](application-share.md).
Wählen Sie nach dem Testen Ihrer Anwendung 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 unter[Anwendungsumgebungen](applications-publish.md#application-environments).
## (Optional) Bereinigen
Sie haben das Tutorial nun erfolgreich abgeschlossen und mit Amazon Bedrock eine App zur Textzusammenfassung in App Studio erstellt. Sie können Ihre App weiterhin verwenden oder die Ressourcen bereinigen, die in diesem Tutorial erstellt wurden. Die folgende Liste enthält eine Liste der Ressourcen, die bereinigt werden müssen:
+ Der in App Studio erstellte Amazon Bedrock-Connector. Weitere Informationen finden Sie unter [Konnektoren anzeigen, bearbeiten und löschen](viewing-deleting-connectors.md).
+ Die Textzusammenfassungs-App in App Studio. Weitere Informationen finden Sie unter [Löschen einer Anwendung](applications-delete.md).
+ 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](https://docs.aws.amazon.com/IAM/latest/UserGuide/id_roles_manage_delete.html).
+ Wenn Sie Modellzugriff für Claude 3 Sonnet beantragt haben und den Zugriff rückgängig machen möchten, finden Sie weitere Informationen unter [Zugriff auf Amazon Bedrock Foundation-Modelle verwalten](https://docs.aws.amazon.com/bedrock/latest/userguide/model-access.html) im *Amazon Bedrock-Benutzerhandbuch*.