Las traducciones son generadas a través de traducción automática. En caso de conflicto entre la traducción y la version original de inglés, prevalecerá la version en inglés.
# Cree una aplicación de resumen de texto de IA con Amazon Bedrock
En este tutorial, creará una aplicación en App Studio que utiliza Amazon Bedrock para proporcionar resúmenes concisos de las entradas de texto de los usuarios finales. La aplicación contiene una interfaz de usuario sencilla en la que los usuarios pueden introducir cualquier texto que deseen resumir. Pueden ser notas de reuniones, contenido de artículos, resultados de investigaciones o cualquier otra información textual. Una vez que los usuarios introduzcan el texto, pueden pulsar un botón para enviarlo a Amazon Bedrock, que lo procesará con el modelo Claude 3 Sonnet y devolverá una versión resumida.
**Contents**
+ [Requisitos previos](#tutorial-conversational-bedrock-prerequisites)
+ [Paso 1: Crear y configurar un rol de IAM y un conector de App Studio](#tutorial-conversational-bedrock-steps-create-role-connector)
+ [Paso 2: Crear una aplicación](#tutorial-conversational-bedrock-steps-create-application)
+ [Paso 3: Crea y configura una automatización](#tutorial-conversational-bedrock-steps-create-automation)
+ [Paso 4: Crear páginas y componentes](#tutorial-conversational-bedrock-steps-user-interface)
+ [Cambie el nombre de la página predeterminada](#tutorial-conversational-bedrock-steps-user-interface-create-page)
+ [Añada componentes a la página](#tutorial-conversational-bedrock-steps-user-interface-add-components)
+ [Configure los componentes de la página](#tutorial-conversational-bedrock-steps-user-interface-configure-components)
+ [Paso 5: Publicar la aplicación en el entorno **de pruebas**](#tutorial-conversational-bedrock-steps-publish)
+ [(Opcional) Limpieza](#tutorial-conversational-bedrock-steps-cleanup)
## Requisitos previos
Antes de empezar, revise y complete los siguientes requisitos previos:
+ Acceso a AWS App Studio. Ten en cuenta que debes tener el rol de administrador para crear un conector en este tutorial.
+ Opcional: [AWS Conceptos de App Studio](concepts.md) revísalo y familiarízate con los conceptos importantes de App Studio. [Tutorial: Comience a crear desde una aplicación vacía](getting-started-tutorial-empty.md)
## Paso 1: Crear y configurar un rol de IAM y un conector de App Studio
Para proporcionar acceso a App Studio a los modelos de Amazon Bedrock, debe:
1. Activa los modelos de Amazon Bedrock que quieras usar en tu aplicación. Para este tutorial, utilizará **Claude 3 Sonnet**, así que asegúrese de habilitar ese modelo.
1. Cree un rol de IAM con los permisos adecuados para Amazon Bedrock.
1. Cree un conector de App Studio con la función de IAM que se utilizará en su aplicación.
Consulta las [Conéctese a Amazon Bedrock](connectors-bedrock.md) instrucciones detalladas y vuelve a este tutorial después de haber seguido los pasos y creado el conector.
## Paso 2: Crear una aplicación
Utilice el siguiente procedimiento para crear una aplicación vacía en App Studio que integrará en la aplicación de resumen de texto.
1. Inicia sesión en App Studio.
1. Ve al centro de creación y selecciona **\$1 Crear aplicación**.
1. Elija **Empezar desde cero**.
1. En el campo **Nombre de la aplicación**, proporciona un nombre para la aplicación, como**Text Summarizer**.
1. Si se te pide que selecciones fuentes de datos o un conector, selecciona **Omitir** para los fines de este tutorial.
1. Elija **Paso siguiente** para continuar.
1. (Opcional): mira el tutorial en vídeo para obtener una descripción general rápida de la creación de aplicaciones en App Studio.
1. Selecciona **Editar aplicación**, que te llevará al estudio de aplicaciones.
## Paso 3: Crea y configura una automatización
Usted define la lógica y el comportamiento de una aplicación de App Studio en *las automatizaciones.* Las automatizaciones constan de pasos individuales conocidos como *acciones*, *parámetros* que se utilizan para transferir datos a la acción desde otros recursos y un *resultado* que pueden utilizar otras automatizaciones o componentes. En este paso, creará una automatización que gestione la interacción con Amazon Bedrock con lo siguiente:
+ Entradas: un parámetro para pasar la entrada de texto del usuario a la automatización.
+ Acciones: una acción de **GenAI Prompt** que envía el texto introducido a Amazon Bedrock y devuelve el resumen del texto de salida.
+ Resultados: un resultado de automatización que consiste en el resumen procesado de Amazon Bedrock, que se puede utilizar en su aplicación.
**Para crear y configurar una automatización que envíe un mensaje a Amazon Bedrock y procese y devuelva un resumen**
1. Seleccione la pestaña **Automatizaciones** en la parte superior del lienzo.
1. Selecciona **\$1 Añadir automatización**.
1. En el panel de la derecha, selecciona **Propiedades**.
1. Actualice el nombre de la automatización seleccionando el icono del lápiz. Escriba **InvokeBedrock** y luego presione **Entrar**.
1. Añada un parámetro a la automatización que se utilizará para pasar la entrada de texto del usuario a la automatización que se utilizará en la solicitud a Amazon Bedrock realizando los siguientes pasos:
1. En el lienzo, en el cuadro de parámetros, selecciona **\$1 Añadir**.
1. En **Name (Nombre)**, escriba **input**.
1. En **Descripción**, introduzca cualquier descripción, por ejemplo**Text to be sent to Amazon Bedrock**.
1. En **Tipo**, seleccione **Cadena**.
1. Seleccione **Añadir** para crear el parámetro.
1. Añada una acción de **GenAI Prompt** realizando los siguientes pasos:
1. **En el panel de la derecha, selecciona Acciones.**
1. Selecciona **GenAI Prompt** para añadir una acción.
1. Configure la acción realizando los siguientes pasos:
1. Elija la acción en el lienzo para abrir el menú de **propiedades** de la derecha.
1. Cambie el nombre de la acción a **PromptBedrock** seleccionando el icono del lápiz, introduciendo el nombre y pulsando Entrar.
1. En **Conector**, seleccione el conector que se creó en[Paso 1: Crear y configurar un rol de IAM y un conector de App Studio](#tutorial-conversational-bedrock-steps-create-role-connector).
1. En **Modelo**, elija el modelo de Amazon Bedrock que desee utilizar para procesar la solicitud. En este tutorial, elegirá **Claude 3.5 Sonnet**.
1. En la **solicitud de usuario**, escriba`{{params.input}}`. Representa el `input` parámetro que creó anteriormente y contendrá el texto introducido por los usuarios de la aplicación.
1. En la línea de **comandos** del sistema, introduzca las instrucciones de la línea de comandos del sistema que desee enviar a Amazon Bedrock. Para este tutorial, introduzca lo siguiente:
```
You are a highly efficient text summarizer. Provide a concise summary of the prompted text, capturing the key points and main ideas.
```
1. Elija la **configuración de la solicitud** para ampliarla y actualice los siguientes campos:
+ En **Temperatura**, ingresa`0`. La temperatura determina la aleatoriedad o la creatividad del resultado en una escala de 0 a 10. Cuanto más alto sea el número, más creativa será la respuesta.
+ En **Max Tokens**, ingresa `4096` para limitar la longitud de la respuesta.
1. La salida de esta automatización será el texto resumido; sin embargo, de forma predeterminada, las automatizaciones no crean salidas. Configure la automatización para crear una salida de automatización realizando los siguientes pasos:
1. En el menú de navegación de la izquierda, selecciona la **InvokeBedrock**automatización.
1. En el menú **Propiedades** de la derecha, en **Salida**, selecciona **\$1** Añadir.
1. En **Salida**, introduzca**\$1\$1results.PromptBedrock.text\$1\$1**. Esta expresión devuelve el contenido de la `processResults` acción.
## Paso 4: Crear páginas y componentes
En App Studio, cada página representa una pantalla de la interfaz de usuario (UI) de la aplicación con la que los usuarios interactuarán. Dentro de estas páginas, puedes agregar varios componentes, como tablas, formularios, botones y más, para crear el diseño y la funcionalidad deseados.
### Cambie el nombre de la página predeterminada
La aplicación de resumen de texto de este tutorial solo contendrá una página. Las aplicaciones recién creadas vienen con una página predeterminada, así que cambiarás el nombre de esa página en lugar de añadirla.
**Para cambiar el nombre de la página predeterminada**
1. En el menú de navegación de la barra superior, selecciona **Páginas**.
1. En el panel de la izquierda, selecciona **Página1** y elige el panel de **Propiedades** en el panel de la derecha.
1. **Elija el icono del lápiz, introduzca **TextSummarizationTool** y pulse Entrar.**
1. En la **etiqueta de navegación**, introduzca**TextSummarizationTool**.
### Añada componentes a la página
Para este tutorial, la aplicación de resumen de texto tiene una página que contiene los siguientes componentes:
+ Un componente **de entrada de texto** que los usuarios finales utilizan para introducir un mensaje para resumirlo.
+ Un componente de **botón** que se utiliza para enviar el mensaje a Amazon Bedrock.
+ Un componente de **área de texto** que muestra el resumen de Amazon Bedrock.
Añada un componente **de entrada de texto** a la página que los usuarios utilizarán para introducir un mensaje de texto para resumirlo.
**Para añadir un componente de entrada de texto**
1. En el panel de **componentes** de la derecha, localice el componente **de entrada de texto** y arrástrelo al lienzo.
1. Elija la entrada de texto en el lienzo para seleccionarla.
1. En el panel de **propiedades** del lado derecho, actualice los siguientes ajustes:
1. Selecciona el icono del lápiz para cambiarle el nombre a la entrada de texto. **inputPrompt**
1. En **Etiqueta**, ingresa**Prompt**.
1. En **Placeholder**, introduzca**Enter text to be summarized**.
Ahora, añada un componente **Button** que los usuarios elijan para enviar el mensaje a Amazon Bedrock.
**Para añadir un componente de botón**
1. En el panel de **componentes** de la derecha, localice el componente de **botón** y arrástrelo al lienzo.
1. Elija el botón en el lienzo para seleccionarlo.
1. En el panel de **propiedades** del lado derecho, actualice los siguientes ajustes:
1. Selecciona el icono del lápiz para cambiarle el nombre al botón. **sendButton**
1. En **Etiqueta del botón**, ingresa**Send**.
Ahora, añada un componente de **área de texto** que muestre el resumen devuelto por Amazon Bedrock.
**Para añadir un componente de área de texto**
1. En el panel de **componentes** de la derecha, localice el componente del **área de texto** y arrástrelo al lienzo.
1. Elija el área de texto en el lienzo para seleccionarla.
1. En el panel de **propiedades** del lado derecho, actualice los siguientes ajustes:
1. Selecciona el icono del lápiz para cambiarle el nombre al botón. **textSummary**
1. En **Etiqueta**, ingresa**Summary**.
### Configure los componentes de la página
Ahora que la aplicación contiene una página con componentes, el siguiente paso es configurar los componentes para que tengan el comportamiento adecuado. Para configurar un componente, como un botón, para que realice acciones cuando se interactúe con él, debe añadirle un *activador*. En este tutorial, en el caso de la aplicación, añadirá dos activadores al `sendButton` botón para hacer lo siguiente:
+ El primer disparador envía el texto del `textPrompt` componente a Amazon Bedrock para su análisis.
+ El segundo activador muestra el resumen devuelto por Amazon Bedrock en el `textSummary` componente.
**Para añadir un disparador que envíe el mensaje a Amazon Bedrock**
1. Elija el botón del lienzo para seleccionarlo.
1. En el panel de **propiedades** del lado derecho, en la sección **Activadores**, selecciona **\$1 Añadir**.
1. Selecciona **Invoke Automation.**
1. Elija el único **InvokeAutomationactivador** que se creó para configurarlo.
1. En **Nombre de la acción**, introduzca**invokeBedrockAutomation**.
1. En **Invoke Automation**, seleccione la **InvokeBedrock**automatización que se creó anteriormente.
1. En el cuadro de parámetros, en el parámetro **de entrada** que se creó anteriormente, introduzca**\$1\$1ui.inputPrompt.value\$1\$1**, que pasa el contenido al componente de entrada de `inputPrompt` texto.
1. Seleccione la flecha izquierda situada en la parte superior del panel para volver al menú de propiedades del componente.
Ahora que ha configurado un disparador que invoca la automatización para enviar una solicitud a Amazon Bedrock cuando se hace clic en el botón, el siguiente paso es configurar un segundo activador que muestre los resultados en el componente. `textSummary`
**Para añadir un disparador que muestre los resultados de Amazon Bedrock en el componente de área de texto**
1. En el panel de **propiedades** del lado derecho del botón, en la sección **Activadores**, selecciona **\$1** Añadir.
1. Seleccione **Ejecutar la acción del componente.**
1. Elija el activador **Runcomponentaction1** que se creó para configurarlo.
1. En **Nombre de la acción**, introduzca. **setTextSummary**
1. En **Componente**, seleccione el componente **TextSummary**.
1. En **Acción**, seleccione **Establecer valor**.
1. En **Definir valor** en, introduzca**\$1\$1results.invokeBedrockAutomation\$1\$1**.
## Paso 5: Publicar la aplicación en el entorno **de pruebas**
Por lo general, cuando se crea una aplicación, se recomienda previsualizarla para ver su aspecto y realizar las primeras pruebas de su funcionalidad. Sin embargo, dado que las aplicaciones no interactúan con los servicios externos en el entorno de vista previa, deberá publicar la aplicación en el entorno de pruebas para poder probar el envío de solicitudes y la recepción de respuestas de Amazon Bedrock.
**Para publicar su aplicación en el entorno de pruebas**
1. En la esquina superior derecha del creador de aplicaciones, selecciona **Publicar**.
1. Agrega una descripción de la versión para el entorno de pruebas.
1. Revise y seleccione la casilla de verificación relativa al SLA.
1. Elija **Iniciar**. La publicación puede tardar hasta 15 minutos.
1. (Opcional) Cuando estés listo, puedes dar acceso a otras personas seleccionando **Compartir** y siguiendo las instrucciones. Para obtener más información sobre cómo compartir aplicaciones de App Studio, consulte[Compartir las aplicaciones publicadas](application-share.md).
Tras probar la aplicación, vuelve a seleccionar **Publicar** para promocionarla en el entorno de producción. Tenga en cuenta que las aplicaciones del entorno de producción no están disponibles para los usuarios finales hasta que se compartan. Para obtener más información sobre los distintos entornos de aplicaciones, consulte[Entornos de aplicaciones](applications-publish.md#application-environments).
## (Opcional) Limpieza
Ya ha completado correctamente el tutorial y ha creado una aplicación de resumen de texto en App Studio con Amazon Bedrock. Puede seguir utilizando la aplicación o puede limpiar los recursos que se crearon en este tutorial. La siguiente lista contiene una lista de los recursos que se deben limpiar:
+ El conector Amazon Bedrock creado en App Studio. Para obtener más información, consulte [Visualización, edición y eliminación de conectores](viewing-deleting-connectors.md).
+ La aplicación de resumen de texto de App Studio. Para obtener más información, consulte [Eliminación de una aplicación de](applications-delete.md).
+ El rol de IAM creado en la consola de IAM. Para obtener más información, consulte [Eliminar roles o perfiles de instancia](https://docs.aws.amazon.com/IAM/latest/UserGuide/id_roles_manage_delete.html) en la Guía del *AWS Identity and Access Management usuario*.
+ Si ha solicitado acceso al modelo para usar Claude 3 Sonnet y desea revertir el acceso, consulte [Administrar el acceso a los modelos de bases de Amazon Bedrock en la Guía del usuario](https://docs.aws.amazon.com/bedrock/latest/userguide/model-access.html) de *Amazon Bedrock*.