Microsoft 365 Agents Playground para Visual Studio

O Playground de agentes do Microsoft 365 (anteriormente conhecido como Ferramenta de Teste de Aplicativo do Teams) facilita a depuração de aplicativos baseados em bot. Você pode conversar com seu bot e ver suas mensagens e Cartões Adaptáveis conforme eles aparecem no Microsoft Teams. Você não precisa de uma conta de desenvolvedor do Microsoft 365, túnel ou registro de aplicativo e bot do Teams para usar o Agents Playground.

A imagem a seguir mostra um aplicativo de exemplo exibindo uma resposta no Agents Playground:

A captura de tela mostra o Cartão Adaptável do Agents Playground.

A seguir estão as vantagens do Agents Playground:

  • Ambiente de área restrita: o ambiente de área restrita do Agents Playground emula o comportamento, a aparência e a experiência do usuário do Teams.

  • Túnel: um serviço de túnel externo não é necessário, pois o Agents Playground é executado em um servidor local com o qual seu bot pode se comunicar.

  • Reduzir as dependências da conta: o locatário do Microsoft 365 Developer e as permissões de upload do aplicativo não são necessários para depurar o bot.

  • Iterações rápidas de loop interno: otimiza o processo de fazer alterações no design do aplicativo e na lógica do bot sem precisar reimplantar o bot na nuvem.

  • Dados e atividades simulados: O Agents Playground facilita o teste de cenários complexos, como enviar uma mensagem de boas-vindas quando um novo membro entra no canal e usar dados fictícios e gatilhos de atividade.

  • Confiável: o Agents Playground é confiável, pois o Cartão Adaptável do bot utiliza a mesma tecnologia de renderização do Teams.

  • Integração com aplicativos de bot existentes do Teams: o Agents Playground integra-se facilmente aos aplicativos de bot existentes do Teams criados com o SDK do Bot Framework.

  • Suporte para diferentes escopos: o Agents Playground oferece suporte a testes nos escopos de chat pessoal, de equipe e em grupo.

Pré-requisitos

Certifique-se de instalar as seguintes ferramentas para criar e implantar seu bot no Agents Playground:

Instalar Para usar...
Node.js Ambiente de runtime do JavaScript de back-end.
Visual Studio 2022
Você pode instalar a versão enterprise no Visual Studio 2022 e instalar as cargas de trabalho de desenvolvimento ASP.NET e Web. Use a versão 17.9 ou posterior.

Experiência de Playground dos agentes no Visual Studio

O Agents Playground oferece uma experiência de depuração mais rápida para aplicativos de bot quando comparado ao cliente do Teams. O Agents Playground fornece suporte para todos os recursos do aplicativo de bot. Neste cenário, estamos usando o AI Chat Bot como exemplo. Para depurar seu bot no Agents Playground, siga estas etapas:

  1. Abra o Visual Studio.

  2. Selecione Criar um novo projeto.

    A captura de tela mostra a seleção para criar um novo projeto.

  3. Na caixa de pesquisa, digite Microsoft Teams. Nos resultados da pesquisa, selecione o aplicativo Microsoft Teams.

  4. Selecione Avançar.

    A captura de tela mostra a seleção de modelos para criar um novo projeto.

  5. Insira o Nome do projeto e selecione Criar.

    A captura de tela mostra a opção de inserir o nome do projeto.

  6. Selecione AI Chat Bot>Create.

    Observação

    A captura de tela mostra a seleção do aplicativo Teams para criar um novo projeto.

    Uma janela GettingStarted é exibida.

    A captura de tela mostra a página de introdução do aplicativo no Visual Studio.

  7. O appsettings.Playground.json arquivo ajuda a configurar o Agents Playground atualizando alguns parâmetros. Para atualizar appsettings.Playground.json o arquivo, siga as etapas do OpenAI ou do OpenAI do Azure:

    Atualize o appsettings.Playground.json OpenAI ApiKey no arquivo.

    A captura de tela exibe a chave OpenAI atualizada.

  8. Na lista suspensa de depuração, selecione Microsoft 365 Agents Playground (navegador).

    A captura de tela mostra a opção de selecionar a ferramenta de teste de aplicativo do Teams na lista suspensa.

    O Agents Playground abre o bot em uma página da Web.

    A captura de tela mostra que o bot abre a ferramenta de teste na página da Web.

Gatilhos de atividade

Você pode simular uma atividade no Agents Playground usando gatilhos de atividade. Existem dois tipos de gatilhos de atividade:

Gatilhos de atividade predefinidos

O Agents Playground fornece gatilhos de atividade predefinidos para testar as funcionalidades do seu bot.

Categoria Atividade Manipulador
Disparar atividade de atualização da instalação Instalar bot


Desinstalar bot
onInstallationUpdate
onInstallationUpdateAdded

onInstallationUpdate
onInstallationUpdateRemove
Disparar atividade de atualização de conversa Adicionar usuário

Adicionar bot

Adicionar canal
onMembersAdded

onTeamsMembersAddedEvent

onTeamsChannelRenamedEvent
Remover usuário


Remover bot


Remover canal

Remover equipe
onMembersRemoved
onTeamsMembersRemovedEvent

onMembersRemoved
onTeamsMembersRemovedEvent

onTeamsChannelDeletedEvent

onTeamsTeamDeletedEvent
Renomear canal

Renomear equipe
onTeamsChannelRenamedEvent

onTeamsTeamRenamedEvent

Observação

Todos os tipos de atividades não estão disponíveis em todos os escopos. Por exemplo, você não pode adicionar ou remover um canal em um chat pessoal ou em grupo.

Os gatilhos de atividade predefinidos estão disponíveis no menu Simular uma atividade no Agents Playground. Neste cenário, estamos usando Adicionar gatilho de atividade do usuário como exemplo. Para simular Adicionar atividade do usuário , siga estas etapas:

  1. No Visual Studio Code, acesse o Gerenciador de Soluções.

  2. Selecione o arquivo Program.cs .

  3. No arquivo Program.cs , adicione builder.Services.AddTransient<IBot>(sp => o seguinte código:

    app.OnConversationUpdate("membersAdded", async (context, state, cancellationToken) =>
    {
       await context.SendActivityAsync($"new member added", cancellationToken: cancellationToken);
    });
    

    O OnConversationUpdate manipulador reconhece os membros que ingressam na conversa, conforme descrito pela atividade Adicionar usuário.

    A captura de tela mostra o código adicionado a program.cs arquivo para adicionar usuário à atividade fictícia predefinida.

  4. No Agents Playground, vá para Simular uma atividade e selecione Adicionar usuário.

    A captura de tela mostra a opção adicionar usuário em simular uma atividade.

    Uma caixa de diálogo pop-up é exibida para visualizar o manipulador de atividades.

  5. Selecione Enviar atividade.

    A captura de tela mostra a opção de enviar atividade para adicionar usuário de atividade simulada predefinida.

    O bot envia uma resposta.

    A captura de tela mostra a resposta de uma atividade simulada predefinida para adicionar usuário.

Gatilhos de atividade personalizados

Você pode usar a atividade personalizada para personalizar o gatilho reactionsAddedde atividade, para atender aos requisitos do seu aplicativo de bot. O Agents Playground preenche automaticamente as propriedades necessárias da atividade. Você também pode modificar o tipo de atividade e adicionar mais propriedades, como , MembersAdded, membersremovede reactionsremoved.

  1. No Visual Studio Code, acesse o Gerenciador de Soluções.

  2. Selecione o arquivo Program.cs .

  3. No arquivo Program.cs , adicione builder.Services.AddTransient<IBot>(sp => o seguinte código:

    app.OnMessageReactionsAdded(async (context, state, cancellationToken) =>
    {
       await context.SendActivityAsync($"reaction added.", cancellationToken: cancellationToken);
    });
    

    O OnMessageReactionsAdded manipulador identifica a reação a append usando a ReplyToId propriedade da conversa anterior.

    A captura de tela mostra o código adicionado a program.cs arquivo para personalização na atividade simulada.

  4. Vá para a página da Web do Agents Playground e selecione a resposta mais recente do Painel de logs para copiar replyToId.

    A captura de tela mostra a seleção de replyToID a ser copiada para personalização na atividade simulada.

  5. Selecione Simular uma atividade>personalizada.

    A captura de tela mostra a lista de opções em simular uma atividade.

  6. Para personalizar a atividade, adicione messageReaction sob a type propriedade.

  7. Substitua pelo mais recente replyToId.

    {
      "type": "messageReaction",
      "reactionsAdded": [
        {
          "type": "like"
        }
      ],
      "replyToId": "d60fd1cb-3e8f-44ef-849c-404806ba1b47"
    }
    
  8. Selecione Enviar atividade.

    A captura de tela mostra a opção de enviar atividade após a personalização na atividade simulada.

    O bot envia um onReactionsAdded manipulador em resposta.

    A captura de tela mostra a resposta da atividade simulada personalizada.

Limitações

  • Os recursos de bot habilitados por meio do manifesto do aplicativo não estão disponíveis, pois o Agents Playground não os processa.

  • O Agents Playground não dá suporte a todos os tipos de cartões, exceto Cartões Adaptáveis.

  • O Agents Playground não oferece suporte aos seguintes recursos do Cartão Adaptável:

  • O Agents Playground não oferece suporte às seguintes experiências:

    • Dispositivo móvel
    • Reunião

Confira também