Compartilhar via

Criar um novo aplicativo de Teams

Saiba como criar aplicações do Microsoft Teams com o Visual Studio Code e o Toolkit de Agentes do Microsoft 365. Este guia orienta-o ao longo do processo de criação de uma aplicação básica do Teams, exploração das estruturas de diretório e aproveitamento dos modelos disponíveis. Quer esteja a começar com uma aplicação simples "Olá, Mundo", a criar aplicações para automatizar tarefas ou a expandir as capacidades do Teams no Microsoft 365, este artigo fornece instruções para o ajudar a começar.

Saiba como criar agentes

Pode criar os seguintes tipos de aplicação teams:

Tipos de Aplicações Definição
Aplicações Básicas do Teams As aplicações básicas do Teams incluem aplicações de extensão de mensagens, bots ou separadores do Teams que pode criar e personalizar com base nos seus requisitos.
Suplementos do Office Este grupo de suplementos pode ser instalado e executado no Outlook e Office.com.

Criar uma nova aplicação do Teams com o Visual Studio Code

O processo de criação de uma nova aplicação do Teams é semelhante para todos os tipos de aplicações. Para criar uma aplicação básica do Teams:

  1. Abra o Visual Studio Code.

  2. Selecione o Toolkit >de Agentes do Microsoft 365Criar um Novo Agente/Aplicação> selecione Agentes e Aplicações do Teams.

    Captura de ecrã a mostrar a opção para criar um novo agente ou aplicação na barra lateral do Toolkit de Agentes.

  3. Selecione Outras Capacidades do Teams.

    Captura de ecrã a mostrar a opção para selecionar as outras Capacidades do Teams.

  4. Neste exemplo, selecione Tabulação como capacidade de aplicação.

    Captura de ecrã a mostrar a opção para selecionar a Capacidade de Aplicação que pretende criar.

  5. Selecione Pasta predefinida para armazenar a pasta raiz do projeto na localização predefinida.

    Captura de ecrã a mostrar a opção para selecionar a localização predefinida para a área de trabalho do projeto.

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

    1. Selecione Procurar.

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

      A pasta que selecionar é a localização da área de trabalho do projeto.

  6. Introduza um nome adequado, como helloworld, como o nome da aplicação. Certifique-se de que utiliza apenas carateres alfanuméricos. Pressione Enter.

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

    A área de trabalho da aplicação de separador Teams é criada em poucos segundos.

    Captura de ecrã a mostrar que a área de trabalho do projeto foi criada.

Detetei um problema

Estrutura de diretórios para diferentes tipos de aplicações

O Toolkit de Agentes fornece todos os componentes para a criação de uma aplicação. Depois de criar a área de trabalho do projeto, pode ver as pastas e os ficheiros do projeto na secção EXPLORADOR .


Estrutura de diretórios para a aplicação básica do Teams

O exemplo seguinte mostra uma estrutura básica do diretório da aplicação de separador do Teams:

Nome da pasta Conteúdos
.vscode Definições para o VS Code criar e depurar a sua aplicação Teams.
appPackage Ficheiro de manifesto de aplicação (anteriormente denominado manifesto de aplicação do Teams) e ficheiros de ícone que o Teams utilizou para reconhecer a sua aplicação teams.
env Armazena parâmetros de ambiente diferentes.
infra bicep Azure ficheiros de modelo. Utilizado para implementar a sua aplicação Teams no Azure.
src Código fonte para a capacidade de Tabulação, incluindo a sua aplicação de front-end, componentes da IU e o aviso de privacidade, termos de utilização,
src/app.js Processadores e express pontos de entrada de aplicações para o site.
src/views/hello.html Um modelo HTML que está vinculado ao ponto final do separador.
src/static O servidor Web pode servir recursos estáticos, como ficheiros CSS e JavaScript.
m365agents.yml Este ficheiro de configuração define o comportamento do Toolkit de Agentes para aprovisionar, implementar e publicar ciclo de vida. Pode personalizar este ficheiro para alterar o comportamento do Toolkit de Agentes em cada ciclo de vida.
m365agents.local.yml Isto substitui m365agents.yml com ações que permitem a execução local e a depuração.

Observação

Se tiver uma aplicação de extensão de bot ou mensagem, as pastas relevantes são adicionadas à estrutura do diretório.

Para saber mais sobre a estrutura de diretórios de diferentes tipos de aplicações básicas do Teams, consulte a tabela seguinte:

Tipo de Aplicação Links
Para a aplicação de separador Crie seu primeiro aplicativo de guia usando JavaScript
Para a aplicação bot Crie seu primeiro aplicativo de bot usando JavaScript
Para a aplicação de extensão de mensagem Criar seu primeiro aplicativo de extensão de mensagem usando JavaScript

Para experimentar mais guias passo a passo sobre a criação de aplicações, veja Tutoriais.

Confira também

  • Last updated on