View a markdown version of this page

Crea un'app di riepilogo testuale basata sull'intelligenza artificiale con Amazon Bedrock - AWS App Studio
PrerequisitiPassaggio 1: creare e configurare un ruolo IAM e un connettore App StudioFase 2: Creare un'applicazionePassaggio 3: crea e configura un'automazioneFase 4: Creazione di pagine e componentiPassaggio 5: Pubblica l'applicazione su Test in corso ambiente(Facoltativo) Pulizia

Le traduzioni sono generate tramite traduzione automatica. In caso di conflitto tra il contenuto di una traduzione e la versione originale in Inglese, quest'ultima prevarrà.

Crea un'app di riepilogo testuale basata sull'intelligenza artificiale con Amazon Bedrock

In questo tutorial, creerai un'applicazione in App Studio che utilizza Amazon Bedrock per fornire riepiloghi concisi degli input di testo da parte degli utenti finali. L'applicazione contiene una semplice interfaccia utente in cui gli utenti possono inserire qualsiasi testo desiderino riepilogato. Potrebbe trattarsi di note sulle riunioni, contenuti di articoli, risultati di ricerche o qualsiasi altra informazione testuale. Dopo aver inserito il testo, gli utenti possono premere un pulsante per inviarlo ad Amazon Bedrock, che lo elaborerà utilizzando il modello Claude 3 Sonnet e restituirà una versione riassuntiva.

Prerequisiti

Prima di iniziare, rivedi e completa i seguenti prerequisiti:

Passaggio 1: creare e configurare un ruolo IAM e un connettore App Studio

Per fornire ad App Studio l'accesso ai modelli Amazon Bedrock, devi:

  1. Abilita i modelli Amazon Bedrock che desideri utilizzare nella tua app. Per questo tutorial, utilizzerai Claude 3 Sonnet, quindi assicurati di abilitare quel modello.

  2. Crea un ruolo IAM con le autorizzazioni appropriate per Amazon Bedrock.

  3. Crea un connettore App Studio con il ruolo IAM che verrà utilizzato nella tua app.

Vai a Connettiti ad Amazon Bedrock per istruzioni dettagliate e torna a questo tutorial dopo aver seguito i passaggi e creato il connettore.

Fase 2: Creare un'applicazione

Usa la seguente procedura per creare un'app vuota in App Studio che integrerai nell'app di riepilogo del testo.

  1. Accedi ad App Studio.

  2. Vai al Builder Hub e scegli + Crea app.

  3. Scegli Inizia da zero.

  4. Nel campo Nome app, fornisci un nome per la tua app, ad esempioText Summarizer.

  5. Se ti viene chiesto di selezionare fonti di dati o un connettore, scegli Ignora per gli scopi di questo tutorial.

  6. Scegli Successivo per continuare.

  7. (Facoltativo): guarda il video tutorial per una rapida panoramica sulla creazione di app in App Studio.

  8. Scegli l'app Modifica, che ti porterà all'Application Studio.

Passaggio 3: crea e configura un'automazione

Definisci la logica e il comportamento di un'app App Studio nelle automazioni. Le automazioni sono costituite da singoli passaggi noti come azioni, parametri utilizzati per passare dati all'azione da altre risorse e un output che può essere utilizzato da altre automazioni o componenti. In questo passaggio, creerai un'automazione che gestisca l'interazione con Amazon Bedrock con quanto segue:

  • Input: un parametro per passare l'input di testo dall'utente all'automazione.

  • Azioni: un'azione GenAI Prompt che invia l'input di testo ad Amazon Bedrock e restituisce il riepilogo del testo in uscita.

  • Risultati: un output di automazione costituito dal riepilogo elaborato da Amazon Bedrock, che può essere utilizzato nella tua app.

Creare e configurare un'automazione che invii un prompt ad Amazon Bedrock ed elabori e restituisca un riepilogo

  1. Scegli la scheda Automazioni nella parte superiore dell'area di disegno.

  2. Scegli + Aggiungi automazione.

  3. Nel pannello a destra, scegli Proprietà.

  4. Aggiorna il nome dell'automazione scegliendo l'icona a forma di matita. Inserisci InvokeBedrock e premi Invio.

  5. Aggiungi un parametro all'automazione che verrà utilizzato per passare l'input del prompt di testo dall'utente all'automazione da utilizzare nella richiesta ad Amazon Bedrock eseguendo i seguenti passaggi:

    1. Nella tela, nella casella dei parametri, scegli + Aggiungi.

    2. In Nome, inserisci input.

    3. In Descrizione, inserisci una descrizione, ad esempioText to be sent to Amazon Bedrock.

    4. In Tipo, seleziona Stringa.

    5. Scegliete Aggiungi per creare il parametro.

  6. Aggiungete un'azione GenAI Prompt eseguendo i seguenti passaggi:

    1. Nel pannello di destra, scegli Azioni.

    2. Scegli GenAI Prompt per aggiungere un'azione.

  7. Configura l'azione eseguendo i seguenti passaggi:

    1. Scegliete l'azione dall'area di disegno per aprire il menu Proprietà sulla destra.

    2. Rinomina l'azione in PromptBedrock scegliendo l'icona a forma di matita, inserendo il nome e premendo invio.

    3. In Connector, seleziona il connettore che è stato creato inPassaggio 1: creare e configurare un ruolo IAM e un connettore App Studio.

    4. In Model, scegli il modello Amazon Bedrock che desideri utilizzare per elaborare la richiesta. In questo tutorial, sceglierai Claude 3.5 Sonnet.

    5. Nel prompt dell'utente, inserisci. {{params.input}} Questo rappresenta il input parametro che hai creato in precedenza e conterrà il testo immesso dagli utenti dell'app.

    6. Nel prompt di sistema, inserisci le istruzioni del prompt di sistema che desideri inviare ad Amazon Bedrock. Per questo tutorial, inserisci quanto segue:

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

    7. Scegli Impostazioni di richiesta per espanderla e aggiorna i seguenti campi:

      • In Temperatura, inserisci0. La temperatura determina la casualità o la creatività dell'output su una scala da 0 a 10. Più alto è il numero, più creativa è la risposta.

      • In Max Tokens, inserisci 4096 per limitare la lunghezza della risposta.

  8. L'output di questa automazione sarà il testo riepilogato, tuttavia, per impostazione predefinita, le automazioni non creano output. Configura l'automazione per creare un output di automazione eseguendo i seguenti passaggi:

    1. Nella barra di navigazione a sinistra, scegli l'InvokeBedrockautomazione.

    2. Nel menu Proprietà a destra, in Output, scegli + Aggiungi.

    3. In Output, inserisci{{results.PromptBedrock.text}}. Questa espressione restituisce il contenuto dell'processResultsazione.

Fase 4: Creazione di pagine e componenti

In App Studio, ogni pagina rappresenta una schermata dell'interfaccia utente (UI) dell'applicazione con cui gli utenti interagiranno. All'interno di queste pagine, puoi aggiungere vari componenti come tabelle, moduli, pulsanti e altro per creare il layout e la funzionalità desiderati.

Rinomina la pagina predefinita

L'app di riepilogo del testo in questo tutorial conterrà solo una pagina. Le applicazioni appena create hanno una pagina predefinita, quindi rinominerai quella invece di aggiungerne una.

Per rinominare la pagina predefinita

  1. Nel menu di navigazione della barra superiore, scegli Pagine.

  2. Nel pannello a sinistra, scegli Page1 e scegli il pannello Proprietà nel pannello a destra.

  3. Scegli l'icona a forma di matita, inserisci e premi InvioTextSummarizationTool.

  4. Nell'etichetta di navigazione inserisciTextSummarizationTool.

Aggiungi componenti alla pagina

Per questo tutorial, l'app di riepilogo del testo ha una pagina che contiene i seguenti componenti:

  • Un componente di immissione di testo che gli utenti finali utilizzano per inserire un prompt da riepilogare.

  • Un componente Button utilizzato per inviare il prompt ad Amazon Bedrock.

  • Un componente dell'area di testo che mostra il riepilogo di Amazon Bedrock.

Aggiungi un componente di immissione di testo alla pagina che gli utenti utilizzeranno per inserire una richiesta di testo da riepilogare.

Per aggiungere un componente di immissione di testo

  1. Nel pannello Componenti a destra, individua il componente di input di testo e trascinalo sull'area di disegno.

  2. Scegliete il testo immesso nell'area di disegno per selezionarlo.

  3. Nel pannello Proprietà sul lato destro, aggiorna le seguenti impostazioni:

    1. Scegliete l'icona a forma di matita in cui rinominare il testo immesso. inputPrompt

    2. In Etichetta, inserisciPrompt.

    3. In Segnaposto, inserisci. Enter text to be summarized

Ora, aggiungi un componente Button che gli utenti sceglieranno per inviare il prompt ad Amazon Bedrock.

Per aggiungere un componente pulsante

  1. Nel pannello Componenti a destra, individua il componente Button e trascinalo sull'area di disegno.

  2. Scegliete il pulsante nell'area di disegno per selezionarlo.

  3. Nel pannello Proprietà sul lato destro, aggiorna le seguenti impostazioni:

    1. Scegli l'icona a forma di matita in cui rinominare il pulsante. sendButton

    2. In Button Label, inserisciSend.

Ora aggiungi un componente dell'area di testo che visualizzerà il riepilogo restituito da Amazon Bedrock.

Per aggiungere un componente di area di testo

  1. Nel pannello Componenti a destra, individua il componente Area di testo e trascinalo sull'area di disegno.

  2. Scegliete l'area di testo nell'area di disegno per selezionarla.

  3. Nel pannello Proprietà sul lato destro, aggiorna le seguenti impostazioni:

    1. Scegli l'icona a forma di matita in cui rinominare il pulsante. textSummary

    2. In Etichetta, inserisciSummary.

Configura i componenti della pagina

Ora che l'app contiene una pagina con componenti, il passaggio successivo è configurare i componenti per eseguire il comportamento appropriato. Per configurare un componente, ad esempio un pulsante, in modo che intraprenda azioni quando si interagisce, è necessario aggiungervi un trigger. Per l'app in questo tutorial, aggiungerai due trigger al sendButton pulsante per effettuare le seguenti operazioni:

  • Il primo trigger invia il testo del textPrompt componente ad Amazon Bedrock per essere analizzato.

  • Il secondo trigger mostra il riepilogo restituito da Amazon Bedrock nel textSummary componente.

Per aggiungere un trigger che invii il prompt ad Amazon Bedrock

  1. Scegli il pulsante nell'area di disegno per selezionarlo.

  2. Nel pannello Proprietà a destra, nella sezione Trigger, scegli + Aggiungi.

  3. Scegli Invoke Automation.

  4. Scegli il InvokeAutomation primo trigger che è stato creato per configurarlo.

  5. In Nome azione, inserisciinvokeBedrockAutomation.

  6. In Invoke Automation, seleziona l'InvokeBedrockautomazione creata in precedenza.

  7. Nella casella dei parametri, nel parametro di input creato in precedenza, inserisci{{ui.inputPrompt.value}}, che passa il contenuto nel componente di input di inputPrompt testo.

  8. Scegliete la freccia sinistra nella parte superiore del pannello per tornare al menu delle proprietà del componente.

Ora, hai configurato un trigger che richiama l'automazione per inviare una richiesta ad Amazon Bedrock quando si fa clic sul pulsante, il passaggio successivo è configurare un secondo trigger che visualizzi i risultati nel componente. textSummary

Per aggiungere un trigger che visualizzi i risultati di Amazon Bedrock nel componente dell'area di testo

  1. Nel pannello Proprietà sul lato destro del pulsante, nella sezione Trigger, scegli + Aggiungi.

  2. Scegli Esegui azione del componente.

  3. Scegliete il trigger Runcomponentaction1 che è stato creato per configurarlo.

  4. In Nome azione, inserisci. setTextSummary

  5. In Component, selezionate il componente TextSummary.

  6. In Azione, seleziona Imposta valore.

  7. In Imposta valore su, inserisci{{results.invokeBedrockAutomation}}.

Passaggio 5: Pubblica l'applicazione su Test in corso ambiente

In genere, mentre si crea un'app, è buona norma visualizzarne l'anteprima per vedere come appare ed eseguire i primi test sulla sua funzionalità. Tuttavia, poiché le applicazioni non interagiscono con i servizi esterni nell'ambiente di anteprima, pubblicherai invece l'app nell'ambiente di test per poter testare l'invio di richieste e la ricezione di risposte da Amazon Bedrock.

Per pubblicare la tua app nell'ambiente di test

  1. Nell'angolo in alto a destra dell'app builder, scegli Pubblica.

  2. Aggiungi una descrizione della versione per l'ambiente di test.

  3. Rivedi e seleziona la casella di controllo relativa allo SLA.

  4. Scegli Avvia. La pubblicazione può richiedere fino a 15 minuti.

  5. (Facoltativo) Quando sei pronto, puoi consentire ad altri l'accesso scegliendo Condividi e seguendo le istruzioni. Per ulteriori informazioni sulla condivisione delle app di App Studio, consulta. Condivisione delle applicazioni pubblicate

Dopo aver testato l'applicazione, scegli nuovamente Pubblica per promuovere l'applicazione nell'ambiente di produzione. Tieni presente che le app nell'ambiente di produzione non sono disponibili per gli utenti finali finché non vengono condivise. Per ulteriori informazioni sui diversi ambienti applicativi, vedereAmbienti applicativi.

(Facoltativo) Pulizia

Ora hai completato con successo il tutorial e creato un'app di riepilogo del testo in App Studio con Amazon Bedrock. Puoi continuare a utilizzare la tua app oppure puoi ripulire le risorse create in questo tutorial. L'elenco seguente contiene un elenco di risorse da ripulire: