Compartilhar via


Depurar no cliente de ambiente de trabalho do Teams

O Microsoft Teams Toolkit ajuda-o a depurar e pré-visualizar a sua aplicação Microsoft Teams no cliente de ambiente de trabalho. Durante o processo de depuração, o Teams Toolkit inicia automaticamente os serviços de aplicações, abre os depuradores e carrega a aplicação Teams. Pode pré-visualizar a aplicação Teams no cliente de ambiente de trabalho do Teams após a depuração.

Seguem-se as vantagens do cliente de ambiente de trabalho do Teams:

  • Melhora o desempenho.
  • Reduz o tempo para F5.
  • Melhora a cobertura dos destinos de depuração.

Capacidades do cliente de ambiente de trabalho do Teams

O cliente de ambiente de trabalho do Teams incorpora capacidades de depuração nos seguintes modelos de aplicação estruturados pelo Toolkit do Teams:

  • Bot.
  • Agente copilot.
  • Agente do motor personalizado.
  • Extensão de mensagem.

Pré-requisitos

Certifique-se de que instala as seguintes ferramentas para criar e implementar a sua aplicação no cliente de ambiente de trabalho do Teams:

  Instalar Para usar...
  Kit de ferramentas do Teams Uma extensão do Microsoft Visual Studio Code que cria um projeto estruturado para a sua aplicação. Utilize a versão de pré-lançamento mais recente.
  Node.js Ambiente de runtime do JavaScript de back-end. Para obter mais informações, veja node.js tabela de compatibilidade de versões para o tipo de projeto.
  Visual Studio Code Ambientes de compilação JavaScript, TypeScript ou Estrutura do SharePoint (SPFx). Utilize a versão mais recente.
  Conta de programador do Microsoft 365 Acesso à conta do Teams com as permissões adequadas para instalar uma aplicação.

Depurar no cliente de ambiente de trabalho do Teams

Para depurar a aplicação do agente do motor personalizado no cliente de ambiente de trabalho do Teams

  1. Abra Visual Studio Code (VS Code) e inicie sessão na sua conta do Microsoft 365 através do Teams Toolkit.

  2. Selecione o ícone Do Teams Toolkit na Barra de Atividade do VS Code e, em seguida, selecione Criar uma Nova Aplicação.

    Captura de ecrã a mostrar a localização da ligação Criar Novo Projeto na barra lateral do Teams Toolkit.

  3. Selecione Agente do Motor Personalizado.

    Captura de ecrã a mostrar os modelos da aplicação Teams Toolkit.

  4. Selecione Chatbot básico de IA.

    Captura de ecrã a mostrar as capacidades da aplicação a adicionar à sua nova aplicação.

  5. Selecione JavaScript.

    Captura de ecrã a mostrar a opção para selecionar a linguagem de programação.

  6. Selecione OpenAI.

    Captura de ecrã a mostrar o LLM no Visual Studio Code.

  7. Introduza a chave de serviço OpenAI.

    Captura de ecrã a mostrar para introduzir a chave de serviço openai no Visual Studio Code.

  8. Selecione Pasta predefinida.

    Captura de ecrã a mostrar a seleção da localização predefinida.

    Para alterar a localização predefinida, siga estes passos:

    1. Selecione Procurar.

      Captura de ecrã a mostrar a opção para procurar e selecionar a localização.

    2. Selecione a localização da área de trabalho do projeto.

    3. Selecione Selecionar Pasta.

      Captura de ecrã a mostrar a pasta a selecionar.

  9. Introduza um nome adequado para a sua aplicação e, em seguida, selecione a tecla Enter .

    Captura de ecrã a mostrar onde introduzir o nome da aplicação.

  10. No painel esquerdo, selecione Executar e Depurar (Ctrl+Shift+D) e selecione Depurar no Teams (Ambiente de Trabalho) na lista pendente.

    Captura de ecrã a mostrar a opção para selecionar a depuração no Teams (Ambiente de Trabalho).

  11. Certifique-se de que o início de sessão no ambiente de trabalho do Teams corresponde à sua conta do Microsoft 365 utilizada no Teams Toolkit e, em seguida, selecione Continuar.

    Captura de ecrã a mostrar o início de sessão no ambiente de trabalho.

    Pedidos de cliente de ambiente de trabalho do Teams para adicionar a sua aplicação.

  12. Selecione Adicionar.

    Captura de ecrã a mostrar o botão Adicionar para adicionar a aplicação ao cliente de ambiente de trabalho do Teams.

    É aberta uma janela de chat.

  13. Na área de composição de mensagens, envie uma mensagem para invocar o bot.

    Captura de ecrã a mostrar a aplicação adicionada ao cliente de ambiente de trabalho do Teams.

    Observação

    A notificação ao nível do sistema para a correspondência de contas aparece apenas uma vez por projeto. Nas sessões de depuração subsequentes, o Teams Toolkit envia lembretes sobre a conta através de notificações do VS Code.

    Captura de ecrã a mostrar a notificação de início de sessão no ambiente de trabalho subsequente em vs. código.

  14. Pode adicionar pontos de interrupção e recarregar frequentemente as alterações. No exemplo seguinte, o ponto de interrupção é realçado com o ponto vermelho junto ao número da linha.

    Captura de ecrã a mostrar um exemplo dos pontos de interrupção na aplicação.

    Captura de ecrã a mostrar um exemplo após o recarregamento frequente de uma aplicação.

Pode continuar a depurar a aplicação do agente do motor personalizado no cliente de ambiente de trabalho do Teams.

Confira também