View a markdown version of this page

Crie um aplicativo de resumo de texto de IA com o Amazon Bedrock - AWS Estúdio de aplicativos

As traduções são geradas por tradução automática. Em caso de conflito entre o conteúdo da tradução e da versão original em inglês, a versão em inglês prevalecerá.

Crie um aplicativo de resumo de texto de IA com o Amazon Bedrock

Neste tutorial, você criará um aplicativo no App Studio que usa o Amazon Bedrock para fornecer resumos concisos da entrada de texto dos usuários finais. O aplicativo contém uma interface de usuário simples na qual os usuários podem inserir qualquer texto que quiserem resumido. Podem ser notas de reuniões, conteúdo de artigos, resultados de pesquisas ou qualquer outra informação textual. Depois que os usuários inserirem o texto, eles podem pressionar um botão para enviar o texto para a Amazon Bedrock, que o processará usando o modelo Claude 3 Sonnet e retornará uma versão resumida.

Pré-requisitos

Antes de começar, revise e preencha os seguintes pré-requisitos:

Etapa 1: criar e configurar uma função do IAM e um conector do App Studio

Para fornecer acesso ao App Studio aos modelos Amazon Bedrock, você deve:

  1. Ative os modelos Amazon Bedrock que você deseja usar em seu aplicativo. Para este tutorial, você usará o Claude 3 Sonnet, portanto, certifique-se de ativar esse modelo.

  2. Crie uma função do IAM com as permissões apropriadas para o Amazon Bedrock.

  3. Crie um conector do App Studio com a função do IAM que será usada no seu aplicativo.

Acesse Conecte-se ao Amazon Bedrock para obter instruções detalhadas e retorne a este tutorial depois de seguir as etapas e criar o conector.

Etapa 2: criar um aplicativo

Use o procedimento a seguir para criar um aplicativo vazio no App Studio que você criará no aplicativo resumido de texto.

  1. Faça login no App Studio.

  2. Navegue até o hub do construtor e escolha + Criar aplicativo.

  3. Escolha Começar do zero.

  4. No campo Nome do aplicativo, forneça um nome para seu aplicativo, comoText Summarizer.

  5. Se você for solicitado a selecionar fontes de dados ou um conector, escolha Ignorar para os fins deste tutorial.

  6. Escolha Próximo para continuar.

  7. (Opcional): assista ao tutorial em vídeo para ter uma visão geral rápida da criação de aplicativos no App Studio.

  8. Escolha Editar aplicativo, que o levará ao estúdio de aplicativos.

Etapa 3: criar e configurar uma automação

Você define a lógica e o comportamento de um aplicativo do App Studio nas automações. As automações consistem em etapas individuais conhecidas como ações, parâmetros usados para passar dados de outros recursos para a ação e uma saída que pode ser usada por outras automações ou componentes. Nesta etapa, você criará uma automação que gerencia a interação com o Amazon Bedrock com o seguinte:

  • Entradas: Um parâmetro para passar a entrada de texto do usuário para a automação.

  • Ações: Uma ação GenAI Prompt que envia a entrada de texto para o Amazon Bedrock e retorna o resumo do texto de saída.

  • Saídas: uma saída de automação que consiste no resumo processado do Amazon Bedrock, que pode ser usado em seu aplicativo.

Para criar e configurar uma automação que envie uma solicitação ao Amazon Bedrock e processe e retorne um resumo
  1. Escolha a guia Automações na parte superior da tela.

  2. Escolha + Adicionar automação.

  3. No painel direito, escolha Propriedades.

  4. Atualize o nome da automação escolhendo o ícone do lápis. Digite InvokeBedrock e pressione Enter.

  5. Adicione um parâmetro à automação que será usado para passar a entrada do prompt de texto do usuário para a automação a ser usada na solicitação à Amazon Bedrock executando as seguintes etapas:

    1. Na tela, na caixa de parâmetros, escolha + Adicionar.

    2. Em Nome, insira input.

    3. Em Descrição, insira qualquer descrição, comoText to be sent to Amazon Bedrock.

    4. Em Tipo, selecione Cadeia de caracteres.

    5. Escolha Adicionar para criar o parâmetro.

  6. Adicione uma ação GenAI Prompt executando as seguintes etapas:

    1. No painel direito, escolha Ações.

    2. Escolha GenAI Prompt para adicionar uma ação.

  7. Configure a ação executando as seguintes etapas:

    1. Escolha a ação na tela para abrir o menu Propriedades à direita.

    2. Renomeie a ação para PromptBedrock escolhendo o ícone do lápis, digitando o nome e pressionando enter.

    3. Em Conector, selecione o conector que foi criado emEtapa 1: criar e configurar uma função do IAM e um conector do App Studio.

    4. Em Modelo, escolha o modelo Amazon Bedrock que você deseja usar para processar a solicitação. Neste tutorial, você escolherá Claude 3.5 Sonnet.

    5. Em Solicitação do usuário, insira{{params.input}}. Isso representa o input parâmetro que você criou anteriormente e conterá a entrada de texto dos usuários do seu aplicativo.

    6. No prompt do sistema, insira as instruções do prompt do sistema que você deseja enviar para o Amazon Bedrock. Para este tutorial, insira o seguinte:

      You are a highly efficient text summarizer. Provide a concise summary of the prompted text, capturing the key points and main ideas.
    7. Escolha Configurações de solicitação para expandi-la e atualize os seguintes campos:

      • Em Temperatura, insira0. A temperatura determina a aleatoriedade ou a criatividade da saída em uma escala de 0 a 10. Quanto maior o número, mais criativa é a resposta.

      • Em Max Tokens, insira 4096 para limitar o tamanho da resposta.

  8. A saída dessa automação será o texto resumido, no entanto, por padrão, as automações não criam saídas. Configure a automação para criar uma saída de automação executando as seguintes etapas:

    1. Na navegação à esquerda, escolha a InvokeBedrock automação.

    2. No menu Propriedades à direita, em Saída, escolha + Adicionar.

    3. Em Saída, insira{{results.PromptBedrock.text}}. Essa expressão retorna o conteúdo da processResults ação.

Etapa 4: criar páginas e componentes

No App Studio, cada página representa uma tela da interface de usuário (UI) do seu aplicativo com a qual seus usuários interagirão. Nessas páginas, você pode adicionar vários componentes, como tabelas, formulários, botões e muito mais, para criar o layout e a funcionalidade desejados.

Renomear a página padrão

O aplicativo de resumo de texto neste tutorial conterá apenas uma página. Os aplicativos recém-criados vêm com uma página padrão, então você a renomeará em vez de adicionar uma.

Para renomear a página padrão
  1. No menu de navegação da barra superior, escolha Páginas.

  2. No painel esquerdo, escolha Page1 e escolha o painel Propriedades no painel direito.

  3. Escolha o ícone do lápisTextSummarizationTool, digite e pressione Enter.

  4. Em Etiqueta de navegação, insiraTextSummarizationTool.

Adicionar componentes à página

Para este tutorial, o aplicativo de resumo de texto tem uma página que contém os seguintes componentes:

  • Um componente de entrada de texto que os usuários finais usam para inserir uma solicitação a ser resumida.

  • Um componente Button usado para enviar a solicitação para o Amazon Bedrock.

  • Um componente de área de texto que exibe o resumo do Amazon Bedrock.

Adicione um componente de entrada de texto à página que os usuários usarão para inserir um prompt de texto a ser resumido.

Para adicionar um componente de entrada de texto
  1. No painel Componentes à direita, localize o componente de entrada de texto e arraste-o para a tela.

  2. Escolha a entrada de texto na tela para selecioná-la.

  3. No painel Propriedades do lado direito, atualize as seguintes configurações:

    1. Escolha o ícone de lápis para renomear a entrada de texto. inputPrompt

    2. Em Rótulo, insiraPrompt.

    3. Em Espaço reservado, insiraEnter text to be summarized.

Agora, adicione um componente Button que os usuários escolherão para enviar a solicitação ao Amazon Bedrock.

Para adicionar um componente de botão
  1. No painel Componentes à direita, localize o componente Botão e arraste-o para a tela.

  2. Escolha o botão na tela para selecioná-lo.

  3. No painel Propriedades do lado direito, atualize as seguintes configurações:

    1. Escolha o ícone de lápis para renomear o botão. sendButton

    2. Em Etiqueta do botão, insiraSend.

Agora, adicione um componente de área de texto que exibirá o resumo retornado pelo Amazon Bedrock.

Para adicionar um componente de área de texto
  1. No painel Componentes à direita, localize o componente Área de texto e arraste-o até a tela.

  2. Escolha a área de texto na tela para selecioná-la.

  3. No painel Propriedades do lado direito, atualize as seguintes configurações:

    1. Escolha o ícone de lápis para renomear o botão. textSummary

    2. Em Rótulo, insiraSummary.

Configurar os componentes da página

Agora que o aplicativo contém uma página com componentes, a próxima etapa é configurar os componentes para realizar o comportamento apropriado. Para configurar um componente, como um botão, para realizar ações ao interagir com ele, você deve adicionar um gatilho a ele. Para o aplicativo neste tutorial, você adicionará dois gatilhos ao sendButton botão para fazer o seguinte:

  • O primeiro gatilho envia o texto no textPrompt componente para o Amazon Bedrock para ser analisado.

  • O segundo gatilho exibe o resumo retornado do Amazon Bedrock no textSummary componente.

Para adicionar um gatilho que envie a solicitação para o Amazon Bedrock
  1. Escolha o botão na tela para selecioná-lo.

  2. No painel Propriedades do lado direito, na seção Acionadores, escolha + Adicionar.

  3. Escolha Invoke Automation.

  4. Escolha o InvokeAutomation 1 gatilho que foi criado para configurá-lo.

  5. Em Nome da ação, insirainvokeBedrockAutomation.

  6. Em Invoke Automation, selecione a InvokeBedrock automação que foi criada anteriormente.

  7. Na caixa de parâmetros, no parâmetro de entrada criado anteriormente, insira{{ui.inputPrompt.value}}, que passa o conteúdo no componente de entrada de inputPrompt texto.

  8. Escolha a seta para a esquerda na parte superior do painel para retornar ao menu de propriedades do componente.

Agora que você configurou um gatilho que invoca a automação para enviar uma solicitação ao Amazon Bedrock quando o botão é clicado. A próxima etapa é configurar um segundo gatilho que exiba os resultados no componente. textSummary

Para adicionar um gatilho que exiba os resultados do Amazon Bedrock no componente de área de texto
  1. No painel Propriedades do lado direito do botão, na seção Acionadores, escolha + Adicionar.

  2. Escolha Executar ação do componente.

  3. Escolha o gatilho Runcomponentaction1 que foi criado para configurá-lo.

  4. Em Nome da ação, insirasetTextSummary.

  5. Em Componente, selecione o componente TextSummary.

  6. Em Ação, selecione Definir valor.

  7. Em Definir valor como, insira{{results.invokeBedrockAutomation}}.

Etapa 5: publicar o aplicativo no Teste ambiente

Normalmente, ao criar um aplicativo, é uma boa prática visualizá-lo para ver sua aparência e fazer um teste inicial de sua funcionalidade. No entanto, como os aplicativos não interagem com serviços externos no ambiente de visualização, você publicará o aplicativo no ambiente de teste para poder testar o envio de solicitações e o recebimento de respostas do Amazon Bedrock.

Para publicar seu aplicativo no ambiente de teste
  1. No canto superior direito do criador de aplicativos, escolha Publicar.

  2. Adicione uma descrição da versão para o ambiente de teste.

  3. Revise e marque a caixa de seleção referente ao SLA.

  4. Escolha Iniciar. A publicação pode levar até 15 minutos.

  5. (Opcional) Quando estiver pronto, você poderá conceder acesso a outras pessoas escolhendo Compartilhar e seguindo as instruções. Para obter mais informações sobre o compartilhamento de aplicativos do App Studio, consulteCompartilhamento de aplicativos publicados.

Depois de testar seu aplicativo, escolha Publicar novamente para promover o aplicativo no ambiente de produção. Observe que os aplicativos no ambiente de produção não estão disponíveis para os usuários finais até serem compartilhados. Para obter mais informações sobre os diferentes ambientes de aplicativos, consulteAmbientes de aplicativos.

Limpar (opcional)

Agora você concluiu com êxito o tutorial e criou um aplicativo de resumo de texto no App Studio com o Amazon Bedrock. Você pode continuar usando seu aplicativo ou limpar os recursos que foram criados neste tutorial. A lista a seguir contém uma lista de recursos a serem limpos: