Desenvolver seus aplicativos com o Teams Toolkit

  • Artigo

Depois de criar seu aplicativo no Portal do Desenvolvedor do Teams, você pode:

O Teams Toolkit armazena os arquivos necessários com base no recurso e nas configurações definidas no Portal do Desenvolvedor do Teams. Isso faz uma transição contínua entre o Portal do Desenvolvedor do Teams e o Teams Toolkit no Visual Studio Code e no Visual Studio.

Abra seu aplicativo no Visual Studio Code

No Portal do Desenvolvedor do Teams, você pode abrir e iniciar seu projeto (React aplicativo) em Visual Studio Code.

A seguir estão as etapas para abrir seu aplicativo no Visual Studio Code:

  1. Selecione Desenvolver>Aberto no Teams Toolkit>Open em Visual Studio Code (JS/TS).

    A captura de tela mostra o Portal do Desenvolvedor com Open in Teams Toolkit realçado em vermelho.

    Uma caixa de diálogo é exibida.

    Observação

    Para permitir que seu aplicativo seja aberto, instale a versão mais recente do Teams Toolkit para Visual Studio Code.

  2. Selecione Abrir.

    Captura de tela do navegador com a opção Abrir realçada em vermelho.

    Uma caixa de diálogo é exibida.

  3. Selecione Abrir.

    A captura de tela mostra a página Visualização do Desenvolvedor com a opção Abrir realçada em vermelho.

    Se necessário, entre em sua conta do Microsoft 365.

  4. Selecione sua linguagem de programação preferida.

    A captura de tela mostra o Kit de Ferramentas do Teams com Selecionar uma linguagem de programação realçada em vermelho.

  5. Selecione sua pasta de workspace.

    Captura de tela mostra o Kit de Ferramentas do Teams com pasta de workspace realçada em vermelho

  6. Insira um nome de aplicativo.

    Captura de tela do Kit de Ferramentas do Teams com o nome do aplicativo realçado em vermelho.

  7. Selecione seu aplicativo e selecione OK.

    O Teams Toolkit converte a URL configurada no Portal do Desenvolvedor do Teams em um endereço localhost para trabalhar com o processo de depuração.

    A captura de tela mostra o Kit de Ferramentas do Teams com a opção OK realçada em vermelho.

    O Teams Toolkit prepara seu projeto com todos os arquivos de código e configuração necessários, agora você está pronto para iniciar o desenvolvimento.

    A captura de tela mostra o scaffolding do seu projeto no Visual Studio Code.

Abra seu aplicativo no Visual Studio

Você pode abrir seu projeto no Visual Studio e fazer scaffold seu projeto no Visual Studio com o Teams Toolkit. Verifique se você instalou o Visual Studio 2022 versão 17.6 Versão prévia 2.

A seguir estão as etapas para abrir seu aplicativo no Visual Studio:

  1. Selecione Desenvolver>Aberto no Teams Toolkit>Open no Visual Studio (.NET) (versão prévia).

    A captura de tela mostra o Portal do Desenvolvedor com Open no Teams Toolkit.

  2. Selecione Abrir para scaffold seu projeto.

    Captura de tela do navegador com a opção Abrir no visual studio.

    Se necessário, entre em sua conta do Microsoft 365.

  3. Insira o nome do projeto, o local e o nome da solução. Selecione Criar.

    A captura de tela mostra a guia detalhes para definir o nome do aplicativo.

  4. Selecione o tipo de aplicativo e selecione Avançar.

    O Teams Toolkit converte o aplicativo que você configurou no Portal do Desenvolvedor do Teams em um endereço localhost para trabalhar com o processo de depuração.

    A captura de tela mostra o tipo de aplicativo no visual studio.

    O Teams Toolkit prepara seu projeto com todos os arquivos de código e configuração necessários, agora você está pronto para iniciar o desenvolvimento.

    A captura de tela mostra o scaffolding do seu projeto no visual studio.

Depois de abrir seu aplicativo no Teams Toolkit, agora você pode desenvolver e depurar seu aplicativo teams no Teams Toolkit.

Observação

Você pode trabalhar no Teams Toolkit por meio do Portal do Desenvolvedor somente na versão prévia.

Confira também

Publicar seus aplicativos do Teams usando o Portal do Desenvolvedor