Começar com o desenvolvimento de aplicativos do Microsoft TeamsGet started with Microsoft Teams app development

Crie um aplicativo simples para aprender as noções básicas do desenvolvimento de aplicativos do Teams.Build a simple app to learn the basics of Teams app development. Depois de ver "Hello, World!", experimente qualquer um dos outros artigos de início para obter mais informações sobre ferramentas comuns, conceitos fundamentais e recursos avançados.Once you see "Hello, World!", try any of the other get started articles for more information on common tools, fundamental concepts, and advanced features.

O que você aprenderáWhat you'll learn

  • Obter e executar rapidamente com o teams Toolkit, uma extensão Visual Studio CódigoGet up and running quickly with the Teams Toolkit, a Visual Studio Code extension
  • Configurar seu aplicativo com o App StudioConfigure your app with App Studio
  • Familiarizar-se com as ferramentas de desenvolvedor e os SDKs do TeamsGet familiar with Teams developer tools and SDKs
  • Considere conceitos importantes de aplicativos do Teams, como práticas recomendadas de autenticação e designConsider important Teams app concepts, such as authentication and design best practices

Você pode criar o aplicativo do Teams usando qualquer tecnologia de sua escolha, por exemplo, a interface de linha de comando (CLI).You can build Teams app using any technology of your choice, for example, command-line interface (CLI). Porém, esses artigos ajudam você a começar a usar as seguintes ferramentas e tecnologias recomendadas:But, these articles help you get started with the following recommended tools and technologies:

  • Teams Toolkit, uma extensão Visual Studio códigoTeams Toolkit, a Visual Studio Code extension
  • React.js para guiasReact.js for tabs
  • Node.js para bots e extensões de mensagensNode.js for bots and messaging extensions

Fundamentos do aplicativo teamsTeams app fundamentals

Você pode criar aplicativos personalizados do Teams para si mesmo, pessoas em sua organização ou pessoas em todo o mundo.You can build custom Teams apps for yourself, people in your org, or people all over the world. Antes de começar, você deve entender os seguintes conceitos fundamentais sobre o desenvolvimento de aplicativos do Teams:Before you begin, you should understand the following fundamental concepts about Teams app development:

Casos comuns de uso de aplicativoCommon app use cases

Alguns cenários típicos com os que um aplicativo personalizado do Teams pode ajudar são:Some typical scenarios that a custom Teams app can help with are:

  • Incorporar conteúdo baseado na Web, como um aplicativo Web ou parte de um site, no cliente teamsEmbed web-based content, such as a web app or part of a website, in the Teams client
  • Procure informações rapidamente em outro sistema e adicione-as a uma conversa do TeamsLook up information quickly in another system and adding it to a Teams conversation
  • Disparar fluxos de trabalho e processos diretamente do que é dito em uma conversaTrigger workflows and processes directly from what's said in a conversation

Recursos e ferramentas do aplicativoApp capabilities and tools

Um aplicativo é feito de um ou mais recursos do Teams e pontos de interação do usuário.An app is made up of one or more Teams capabilities and user interaction points. Seu toolset de desenvolvimento variará dependendo dos recursos que você deseja.Your development toolset will vary depending on the capabilities you want.

Recursos do aplicativoApp capabilities Pontos de interaçãoInteraction points Ferramentas recomendadasRecommended tools SDKsSDKs Pilhas de tecnologiaTechnology stacks
GuiasTabs Espaços onde os usuários podem interagir com conteúdo da Web incorporado em contextos pessoais e compartilhadosSpaces where users can interact with embedded web content in personal and shared contexts Código VS com o Teams Toolkit extensão ou Gerador YeomanVS Code with Teams Toolkit extension or Yeoman Generator SDK do cliente JavaScript do TeamsTeams JavaScript client SDK Tecnologias web gerais (HTML, CSS e JavaScript) ou React.jsGeneral web technologies (HTML, CSS, and JavaScript) or React.js
BotsBots Chatbots que interagem com usuários em contextos pessoais e compartilhadosChatbots that interact with users in personal and shared contexts Código VS com o Teams Toolkit extensão ou Gerador YeomanVS Code with Teams Toolkit extension or Yeoman Generator Bot Franework SDKBot Franework SDK Node.js, C# ou PythonNode.js, C#, or Python
Extensões de mensagensMessaging extensions Atalhos para inserir conteúdo do aplicativo ou agir em uma mensagem sem navegar para longe da conversaShortcuts for inserting app content or acting on a message without navigating away from the conversation Código VS com o Teams Toolkit extensão ou Gerador YeomanVS Code with Teams Toolkit extension or Yeoman Generator SDK da Estrutura de BotsBot Framework SDK Node.js, C# ou PythonNode.js, C#, or Python

O Teams não hospeda seu aplicativoTeams doesn't host your app

Quando um usuário instala seu aplicativo no Teams, ele só instala um pacote de aplicativos que contém um arquivo de configuração (também conhecido como manifesto do aplicativo) e os ícones do aplicativo.When a user installs your app in Teams, they only install an app package that contains a configuration file (also known as an app manifest) and your app’s icons. A lógica e o armazenamento de dados do aplicativo são hospedados em outro lugar, como os Serviços Web do Azure ou o localhost durante o desenvolvimento.Your app’s logic and data storage are hosted elsewhere, such as Azure Web Services or localhost during development. O Teams acessa esses recursos por meio de HTTPS.Teams accesses these resources via HTTPS.

A ilustração mostrando seu aplicativo no Teams está apontando para a lógica do aplicativo no servidor de nuvem.

Próxima etapaNext step