Introdução à plataforma do Microsoft Teams com o C#/.NET e o app StudioGet started on the Microsoft Teams platform with C#/.NET and App Studio

A plataforma de desenvolvedor do Microsoft Teams facilita a extensão de equipes e a integração de seus próprios aplicativos e serviços diretamente no espaço de trabalho do Microsoft Teams.The Microsoft Teams developer platform makes it easy for you to extend Teams and integrate your own applications and services seamlessly into the Teams workspace. Esses aplicativos podem ser distribuídos para sua empresa ou para o Teams em todo o mundo.These apps can then be distributed to your enterprise or for teams around the world.

Para estender o Microsoft Teams, você precisará criar um aplicativo do Microsoft Teams.To extend Microsoft Teams, you will need to create a Microsoft Teams app. Um aplicativo do Microsoft Teams é um aplicativo Web que você hospeda.A Microsoft Teams app is a web application that you host. Esse aplicativo pode ser integrado ao espaço de trabalho do usuário no Microsoft Teams.This app can then be integrated into the user's workspace in Teams.

Este tutorial ajuda você a começar a criar um aplicativo do Microsoft Teams usando C# no .NET.This tutorial helps you get started creating a Microsoft Teams app using C# on .NET. Você pode testar o aplicativo carregando-o em uma equipe para a qual tenha permissões ou em um locatário de teste criado usando o programa de desenvolvedor do Office.You can test the app by loading it into a Team that you have permissions for, or into a test tenant created using the Office Developer Program.

Preparar seu ambiente de desenvolvimentoPrepare your development environment

A primeira coisa que você precisará fazer é preparar seu ambiente de desenvolvimento.The first thing you'll need to do is prepare your development environment. Você precisará certificar-se de que o carregamento de aplicativos personalizados está habilitado para a organização do Office 365 em que você deseja compilar seu aplicativo.You'll need to make sure custom app uploading is enabled for the Office 365 organization you want to build your app in. Se você precisar de um locatário de desenvolvimento dedicado, você pode se inscrever no programa para desenvolvedores do Office 365.If you need a dedicated development tenant, you can sign up for the Office 365 developer program. Para obter informações adicionais, consulte configurar seu ambiente de desenvolvimento.For additional information see Setup your development environment.

Obter pré-requisitosGet prerequisites

Para concluir este tutorial, você precisa obter as seguintes ferramentas:To complete this tutorial, you need to get the following tools:

Se você vir uma opção para adicionar git ao caminho durante a instalação, escolha fazer isso.If you see an option to add git to the PATH during installation, choose to do so. Será útil.It will be handy.

Verifique a git instalação executando o seguinte em uma janela de terminal:Verify your git installation by running the following in a terminal window:

Observação

Use a janela do terminal com a qual você se sente mais confortável em sua plataforma.Use the terminal window that you are most comfortable with on your platform. Estes exemplos usam o bash, mas serão executados na maioria das plataformas.These examples use Bash, but will run on most platforms.

$ git --version
git version 2.17.1.windows.2

Certifique-se de iniciar a versão mais recente do Visual Studio e instalar as atualizações, se mostradas.Make sure to launch the latest version of Visual Studio and install any updates if shown.

Você pode continuar a usar esta janela de terminal para executar os comandos a seguir neste tutorial.You can continue to use this terminal window to run the commands that follow in this tutorial.

Baixar o exemploDownload the sample

Fornecemos um simples Olá, mundo!We have provided a simple Hello, World! exemplo em C# para ajudá-lo a começar.sample in C# to get you started. Em uma janela de terminal, execute o seguinte comando para clonar o repositório de exemplo para sua máquina local:In a terminal window, run the following command to clone the sample repository to your local machine:

git clone https://github.com/OfficeDev/msteams-samples-hello-world-csharp.git

Dica

Você pode bifurcar este repositório se quiser modificar e fazer check-in de suas alterações no GitHub para referência futura.You can fork this repo if you want to modify and check in your changes to GitHub for future reference.

Criar e executar o exemploBuild and run the sample

Depois que o repositório é clonado, use o Visual Studio para abrir o arquivo Microsoft.Teams.Samples.HelloWorld.sln de solução no diretório raiz do exemplo e clique Build Solution no Build menu.Once the repo is cloned, use Visual Studio to open the solution file Microsoft.Teams.Samples.HelloWorld.sln from the root directory of the sample and click Build Solution from the Build menu. Você pode executar o exemplo pressionando F5 ou escolhendo Start Debugging o Debug menu.You can run the sample by pressing F5 or choosing Start Debugging from the Debug menu.

Quando o aplicativo for iniciado, você verá uma janela do navegador aberta com a raiz do aplicativo iniciado.When the app starts, you will see a browser window open with the root of the app launched. Você pode navegar até as seguintes URLs para verificar se todas as URLs de aplicativo estão sendo carregadas:You can navigate to the following URLs to verify that all the app URLs are loading:

Observação

Se você receber uma mensagem de erro Could not find a part of the path … bin\roslyn\csc.exe , tente atualizar o pacote com o comando Update-Package Microsoft.CodeDom.Providers.DotNetCompilerPlatform -r .If you receive an error like Could not find a part of the path … bin\roslyn\csc.exe, try updating the package with the command Update-Package Microsoft.CodeDom.Providers.DotNetCompilerPlatform -r. Confira esta pergunta sobre StackOverflow para obter mais detalhes.See this question on StackOverflow for additional details.

Hospedar o aplicativo de exemploHost the sample app

Lembre-se de que aplicativos no Microsoft Teams são aplicativos da Web que expõem um ou mais recursos.Remember that apps in Microsoft Teams are web applications exposing one or more capabilities. Para que a plataforma do teams carregue seu aplicativo, seu aplicativo deve estar acessível pela Internet.For the Teams platform to load your app, your app must be reachable from the internet. Para tornar seu aplicativo alcançável da Internet, você precisa hospedar seu aplicativo.To make your app reachable from the internet, you need to host your app. Você pode hospedá-lo no Microsoft Azure gratuitamente ou criar um túnel para o processo local em sua máquina de desenvolvimento usando o ngrok .You can either host it in Microsoft Azure for free or create a tunnel to the local process on your development machine using ngrok. Quando você terminar de hospedar seu aplicativo, anote sua URL raiz.When you finish hosting your app make a note of its root URL. Ele terá uma aparência semelhante a: https://yourteamsapp.ngrok.io ou https://yourteamsapp.azurewebsites.net .It will look something like: https://yourteamsapp.ngrok.io or https://yourteamsapp.azurewebsites.net.

Túnel usando ngrokTunnel using ngrok

Para testes rápidos, você pode executar o aplicativo na sua máquina local e criar um túnel para ele por meio de um ponto de extremidade da Web.For quick testing you can run the app on your local machine and create a tunnel to it through a web endpoint. o ngrok é uma ferramenta gratuita que permite que você faça exatamente isso.ngrok is a free tool that lets you do just that. Com o ngrok, você pode obter um endereço da Web como https://d0ac14a5.ngrok.io (esta URL é apenas um exemplo).With ngrok you can get a web address such as https://d0ac14a5.ngrok.io (this URL is just an example). Você pode baixar e instalar o ngrok para o seu ambiente.You can download and install ngrok for your environment. Certifique-se de adicioná-lo a um local no seu PATH .Make sure you add it to a location in your PATH.

Depois de instalá-lo, você pode abrir uma nova janela de terminal e executar o seguinte comando para criar um túnel.Once you install it, you can open a new terminal window and run the following command to create a tunnel. O exemplo usa a porta 3333, portanto, certifique-se de especificá-la aqui.The sample uses port 3333, so be sure to specify it here.

ngrok http 3333 -host-header=localhost:3333

O Ngrok ouvirá as solicitações da Internet e irá encaminhá-las para seu aplicativo em execução na porta 3333.Ngrok will listen to requests from the internet and will route them to your app running on port 3333. Você pode verificar abrindo seu navegador e indo para https://d0ac14a5.ngrok.io/hello carregar a página de saudação do aplicativo.You can verify by opening your browser and going to https://d0ac14a5.ngrok.io/hello to load your app's hello page. Certifique-se de usar o endereço de encaminhamento exibido pelo ngrok em sua sessão de console, em vez desta URL.Please be sure to use the forwarding address displayed by ngrok in your console session instead of this URL.

Observação

Se você tiver usado uma porta diferente na etapa criar e executar acima, certifique-se de usar o mesmo número de porta para instalar o ngrok túnel.If you have used a different port in the build and run step above, make sure you use the same port number to setup the ngrok tunnel.

Dica

É uma boa ideia executar ngrok em uma janela diferente do terminal para mantê-la em execução sem interferir no aplicativo, que pode ser mais tarde interrompido, recriar e executar novamente.It is a good idea to run ngrok in a different terminal window to keep it running without interfering with the app which you might later have to stop, rebuild and rerun. A ngrok sessão retornará informações de depuração úteis nesta janela.The ngrok session will return useful debugging information in this window.

O aplicativo só estará disponível durante a sessão atual em sua máquina de desenvolvimento.The app will only be available during the current session on your development machine. Se o computador estiver desligado ou chegar à suspensão, o serviço não estará mais disponível.If the machine is shut down or goes to sleep the service will no longer be available. Lembre-se disso ao compartilhar o aplicativo para teste por outros usuários.Remember this when sharing the app for testing by other users. Se for necessário reiniciar o serviço, ele retornará um novo endereço e você terá que atualizar cada lugar que usa esse endereço.If you have to restart the service it will return a new address and you will have to update every place that uses that address. A versão paga do Ngrok não tem essa limitação.The paid version of Ngrok does not have this limitation.

Host no AzureHost in Azure

O Microsoft Azure permite que você hospede seu aplicativo .NET em uma camada gratuita usando a infraestrutura compartilhada.Microsoft Azure lets you host your .NET application on a free tier using shared infrastructure. Isso será suficiente para executar este Hello World exemplo.This will be sufficient to run this Hello World sample. Consulte criar uma nova conta gratuita para obter mais informações.See creating a new free account for more information.

O Visual Studio oferece suporte interno à implantação de aplicativos para diferentes provedores, incluindo o Azure.Visual Studio has built-in support for app deployment to different providers, including Azure.

Usar o app Studio para atualizar o pacote de aplicativosUse App Studio to update the app package

O app Studio é um aplicativo do teams que você pode instalar a partir da loja do teams.App Studio is a Teams app that you can install from the Teams store. Ele simplifica a criação e o registro de um aplicativo.It simplifies the creation and registration of an app.

Para instalar o app Studio no Microsoft Teams, clique no ícone do repositório de aplicativos na parte inferior da barra esquerda e pesquise o app Studio.To install App Studio in Teams, click on the app store icon at the bottom of the left hand bar, and search for App Studio.

Depois de encontrar o bloco para o app Studio, clique nele e escolha instalar na caixa de diálogo exibida.Once you find the tile for App Studio, click on it and choose install in the dialog that pops up.

Após a instalação do App Studio, clique na guia Editor de manifesto para começar a criar o pacote de aplicativos para seu aplicativo do Microsoft Teams.Once App Studio is installed click on the Manifest editor tab to begin creating the app package for your Teams app.

O exemplo vem com seu próprio manifesto predefinido e foi projetado para compilar um pacote de aplicativos quando o projeto é criado.The sample comes with its own pre-made manifest, and is designed to build an app package when the project is built. No .NET, isso é feito no Visual Studio e no nó JS isso é feito digitando gulp na linha de comando no diretório raiz do projeto.On .NET this is done in Visual Studio, and on Node JS this is done by typing gulp at the command line in the root directory of the project.

$ gulp
[13:39:27] Using gulpfile ~\documents\github\msteams-samples-hello-world-nodejs\gulpfile.js
[13:39:27] Starting 'clean'...
[13:39:27] Starting 'generate-manifest'...
[13:39:27] Finished 'generate-manifest' after 11 ms
[13:39:27] Finished 'clean' after 21 ms
[13:39:27] Starting 'default'...
Build completed. Output in manifest folder
[13:39:27] Finished 'default' after 62 μs

O nome do pacote de aplicativos gerado é HelloWorldApp. zip.The name of the generated app package is helloworldapp.zip. Você pode pesquisar esse arquivo se o local não estiver limpo na ferramenta que você está usando.You can search for this file if the location is not clear in the tool you are using.

Na próxima parte desta explicação passo a passo, você irá modificar esse pacote de aplicativos selecionando o bloco importar um aplicativo existente no editor de manifesto.In the next part of this walkthrough you are going to modify this app package by selecting the Import an existing app tile in the Manifest Editor.

Depois que o pacote do aplicativo tiver sido importado, o app Studio deverá ter a seguinte aparência:Once the app package has been imported App Studio should look like this:

Clique no bloco para seu aplicativo recentemente importado, Olá mundo.Click on the tile for your newly imported app, Hello World.

Há uma lista de etapas no lado esquerdo do editor de manifestos e, à direita, uma lista de propriedades que precisam ser preenchidas para cada uma dessas etapas.There is a list of steps in the left-hand side of the Manifest editor, and on the right a list of properties that need to be filled in for each of those steps. Desde que você começou com um exemplo de aplicativo, muitas das informações já estão preenchidas. As etapas a seguir irão orientá-lo durante a alteração das partes que ainda precisam ser atualizadas.Since you started with a sample app, much of the information is already filled out. The next steps will walk you through changing the parts that still need to be updated.

Detalhes do aplicativoApp details

Clique na entrada de detalhes do aplicativo em detalhes.Click on the App details entry under Details. Clique no botão gerar para criar uma nova ID de aplicativo.Click the Generate button to create a new app id.

Sua nova ID de aplicativo deve ser semelhante a 2322041b-72bf-459d-b107-f4f335bc35bd:.Your new app id should look something like: 2322041b-72bf-459d-b107-f4f335bc35bd.

Examine o restante dos detalhes do aplicativo no painel à direita e familiarize-se com algumas das entradas, como informações de desenvolvedor e identidade visual.Look through the rest of the App details in the right hand pane, and familiarize yourself with some of the entries such as Developer information and Branding. Essas seções são importantes se você estiver escrevendo um novo aplicativo para distribuição.These sections are important if you are writing a new app for distribution.

Recursos: guiasCapabilities: Tabs

As guias estão entre os elementos mais simples a serem adicionados a um aplicativo do teams.Tabs are among the simplest elements to add to a Teams app. O aplicativo de exemplo já oferece suporte a várias guias, e você pode habilitá-los da seguinte maneira.The sample app already supports several tabs, and you can enable them as follows.

Guia equipeTeam tab

Seu aplicativo pode ter apenas uma guia de equipe.Your app can only have one Team tab.

Neste exemplo, a guia equipe é onde a página de configuração vai.In this sample, the Team tab is where your configuration page goes. Clique no símbolo ... no final da entrada e escolha Editar na lista suspensa.Click on the ... symbol at the end of the entry and choose Edit from the drop-down. Altere a URL para https://yourteamsapp.ngrok.io/configure onde yourteamsapp.ngrok.io ela deve ser substituída pela URL que você usou acima ao hospedar seu aplicativo.Change the URL to https://yourteamsapp.ngrok.io/configure where yourteamsapp.ngrok.io should be replaced by the URL that you used above when hosting your app.

Guias pessoaisPersonal tabs

Seu aplicativo pode ter até 16 guias, incluindo a guia equipe.Your app can have up to 16 tabs, including the team tab.

As guias pessoais são representadas de forma diferente da guia equipe. Você deve ver a guia saudação já listada na lista guias pessoais.Personal tabs are represented differently from the team tab. You should see Hello Tab already listed in the personal tabs list. No momento, ele tem um valor com.contoso.helloworld.hellotabde espaço reservado.At the moment it has a placeholder value com.contoso.helloworld.hellotab. Clique no símbolo ... no final da entrada e escolha Editar na lista suspensa.Click on the ... symbol at the end of the entry and choose Edit from the drop-down. A caixa de diálogo a seguir será exibida.The following dialog will appear.

Há dois campos que você precisa atualizar com a URL do aplicativo.There are two fields that you need to update with your app URL.

  • Alterar URL de conteúdo parahttps://yourteamsapp.ngrok.io/helloChange Content URL to https://yourteamsapp.ngrok.io/hello
  • Altere a URL do site parahttps://yourteamsapp.ngrok.io/helloChange Website URL to https://yourteamsapp.ngrok.io/hello

Onde yourteamsapp.ngrok.io o deve ser substituído pela URL que você usou acima ao hospedar seu aplicativo.Where yourteamsapp.ngrok.io should be replaced by the URL that you used above when hosting your app.

BotsBots

Os bots são a maneira mais comum de adicionar funcionalidade ao seu aplicativo.Bots are the most common way to add functionality to your app. O exemplo Hello World já tem um bot como parte da amostra, mas ainda não foi registrado com a Microsoft.The hello world sample already has a bot as part of the sample, but it has not been registered with Microsoft yet.

O bot que foi importado do exemplo ainda não tem uma ID de aplicativo associada a ele.The bot that was imported from the sample does not have an App ID associated with it yet. Você precisará criar um novo bot para que o app Studio possa criar uma nova ID de aplicativo e registrá-lo com a Microsoft.You will have to create a new bot so that App Studio can create a new App ID and register it with Microsoft. Observe que esta é a ID do aplicativo do bot, que é diferente da ID do aplicativo que criamos para o aplicativo em uma etapa anterior.Note that this is the App ID for the bot, which is different from the App ID that we created for the app in a earlier step. Cada bot em um aplicativo requer sua própria ID de aplicativo.Each bot in an app requires its own App ID.

Clique no botão excluir ao lado do bot importado na lista bot.Click the delete button next to the Imported bot in the bot list.

Agora não há bots para mostrar.Now there are no bots left to show. Clique em Configurar.Click Setup. Isso exibirá a caixa de diálogo configurar um bot .This will display the Set up a bot dialog.

Adicione um nome de bot, Contoso botcomo e clique em ambos os botões em escopo.Add a bot name such as Contoso bot, and click both the buttons under scope.

Escolha criar bot para sair da caixa de diálogo.Choose Create bot to exit the dialog. O app Studio gastará um momento registrando seu bot com a Microsoft e, em seguida, deverá exibir o novo bot na lista de bot.App Studio will spend a moment registering your bot with Microsoft, and then should display your new bot in the bot list. Agora seria uma boa hora para abrir um arquivo de texto no bloco de notas e copiar e colar sua nova ID de bot nela.Now would be a good time to open a text file in notepad and copy and paste your new bot id into it. Você precisará dessa ID mais tarde.You will need this id later.

Clique em gerar nova senhae anote a senha no mesmo arquivo de texto em que você ANOTOU a ID do aplicativo do bot.Click Generate New Password, and make a note of the password in the same text file you noted your Bot app ID in. Esta é a única vez que a senha será mostrada, portanto, certifique-se de fazer isso agora.This is the only time your password will be shown, so be sure to do this now.

Atualize o endereço do ponto de https://yourteamsapp.ngrok.io/api/messagesextremidade do yourteamsapp.ngrok.io bot para, onde deve ser substituído pela URL que você usou acima ao hospedar seu aplicativo.Update the Bot endpoint address to https://yourteamsapp.ngrok.io/api/messages, where yourteamsapp.ngrok.io should be replaced by the URL that you used above when hosting your app.

Agora seria uma boa hora para salvar seu arquivo de texto se você ainda não tiver feito isso.Now would be a good time to save your text file if you have not done so already. Você adicionará essas informações ao seu aplicativo hospedado posteriormente nesta explicação passo a passo, que permitirá a comunicação segura com o bot.You will add this information to your hosted app later in this walkthrough, which will allow secure communication with your bot.

Extensões de MensagensMessaging extensions

As extensões de mensagens permitem aos usuários solicitar informações do seu serviço e postá-las, na forma de cartões, diretamente na conversa do canal.Messaging extensions let users ask for information from your service and post that information, in the form of cards, right into the channel conversation. As extensões de mensagens aparecem ao longo da parte inferior da caixa de composição.Messaging extensions appear along the bottom of the compose box.

Clique em extensões de mensagens em recursos na coluna esquerda do App Studio para começar a configurar a extensão de mensagens.Click on Messaging extensions under Capabilities in the left hand column of App Studio to begin configuring the messaging extension.

O exemplo de extensão de mensagens está listado no painel direito em extensões de mensagens.The sample messaging extension is listed in the right hand pane under Messaging Extensions. Clique em excluir novamente para remover essa entrada e clique no botão Configurar seguindo as mesmas etapas que você seguiu para os bots.Click Delete again to remove this entry, and then click the Set up button following the same steps as you followed for bots. Isso exibirá a caixa de diálogo extensão de mensagens .This will display the Messaging Extension dialog.

Selecione a guia usar bot existente e, em seguida, Selecione um dos meus bots existentes.Select the Use existing bot tab, then Select from one of my existing bots. No menu suspenso, selecione o bot que você criou na seção acima.In the drop-down menu, select the bot you created in the section above. Adicione um nome de bot e clique em salvar para fechar a caixa de diálogo.Add a Bot name and click Save to close the dialog.

Na seção comando , clique em Adicionar.Under the Command section, click Add. Estamos adicionando um comando baseado em pesquisa, portanto, escolha a opção permitir que os usuários consultem seu serviço... .We're adding a search-based command, so choose the Allow users to query your service... option.

Na caixa de diálogo novo comando , insira os seguintes valores.In the New command dialog enter the following values.

Em novo comando:Under New command:

  • ID do comando = getRandomTextCommand ID = getRandomText
  • Título = obter texto aleatório para diversãoTitle = Get some random text for fun
  • Descrição = Obtém alguns textos e imagens aleatóriasDescription = Gets some random text and images

Em Parameter:Under Parameter:

  • Name = cardTitleName = cardTitle
  • Título = título do cartãoTitle = Card title
  • Descrição = título do cartão a ser usadoDescription = Card title to use

Depois de inserir as informações, clique em salvar para fechar a caixa de diálogo.Once you're entered the information, click Save to close the dialog.

Registrar seu aplicativo no Microsoft TeamsRegister your app in Teams

Você já concluiu a inserção dos detalhes do seu aplicativo, mas duas etapas permanecem.You have now completed entering the details of your app, but two steps remain. Primeiro, você deve usar a seção testar e distribuir do App Studio para instalar seu aplicativo no Microsoft Teams e, em seguida, você deve atualizar seu aplicativo hospedado com a ID do aplicativo e a senha do bot.First you must use the Test and Distribute section of App Studio to install your app in Teams, and second you must update your hosted application with the App ID and password for your bot. Lembre-se de que o exemplo espera usar a mesma ID de aplicativo e senha para o bot e a extensão de mensagens.Remember that the sample expects to use the same App ID and password for both the bot and the messaging extension.

Clique no botão testar e distribuir item em concluir , na coluna esquerda do App Studio.Click on the Test and distribute item under Finish in the left hand column of App Studio.

Para carregar o aplicativo no Microsoft Teams, clique no botão instalar em testar e distribuir.In order to upload your app to Teams, click the Install button under Test and Distribute.

Clique na caixa de pesquisa na seção Adicionar a uma equipe e selecione uma equipe para adicionar o aplicativo de exemplo ao.Click on the Search box in the Add to a team section and select a team to add the sample app to. Normalmente, você deve configurar uma equipe especial para teste.Usually you will want to set up a special team for testing.

Clique no botão instalar na parte inferior da caixa de diálogo.Click the Install button at the bottom of the dialog.

Isso termina a parte do App Studio deste passo a passo.This finishes the App Studio portion of this walkthrough. Agora você deve ver seu aplicativo em execução no Teams, mas o bot e a extensão de mensagens não funcionarão até que você atualize o ambiente de aplicativos hospedados para saber quais são as IDs de aplicativo e senhas.You should now see your app running in Teams, however the bot and the messaging extension will not work until you update the hosted applications environment to know what the App IDs and passwords are.

Atualizar as credenciais para seu aplicativo hospedadoUpdate the credentials for your hosted app

O aplicativo de exemplo requer que as seguintes variáveis de ambiente sejam definidas para os valores que você fez antes.The sample app requires the following environment variables to be set to the values you made a note of earlier.

Abra o arquivo appSettings. JSON.Open up the appsettings.json file. Atualize o valor MicrosoftAppId com a ID de bot que você salvou anteriormente.Update the MicrosoftAppId value with your Bot ID that you saved earlier. Atualize o MicrosoftAppPassword com a senha de bot que você salvou anteriormente.Update the MicrosoftAppPassword with the Bot password you saved earlier.

Depois que essas alterações forem feitas, reconstrua o aplicativo.Once these changes are made, rebuild the app. Se você estiver usando o ngrok, execute o aplicativo localmente e, se estiver hospedando no Azure, reimplante o aplicativo.If you are using ngrok, run the app locally, and if you are hosting in Azure redeploy the app.

Configurar a guia aplicativoConfigure the app tab

Após instalar o aplicativo em uma equipe, você precisará configurá-lo para exibir o conteúdo.Once you install the app into a team, you will need to configure it to show content. Vá para um canal na equipe em que você instalou o exemplo de aplicativo e clique no botão "+" para adicionar uma nova guia. Em seguida, você pode escolher Hello World na lista Adicionar uma guia .Go to a channel in the team where you installed the sample app and click on the '+' button to add a new tab. You can then choose Hello World from the Add a tab list. Em seguida, será exibida uma caixa de diálogo de configuração.You will then be presented with a configuration dialog. Esta caixa de diálogo permitirá que você escolha qual guia será exibida neste canal.This dialog will let you choose which tab to display in this channel. Depois de selecionar a guia e clicar em Save , você poderá ver a Hello World guia carregada com a guia escolhida.Once you select the tab and click on Save then you can see the Hello World tab loaded with the tab you chose.

Testar seu bot no TeamsTest your bot in Teams

Agora você pode interagir com o bot no Teams.You can now interact with the bot in Teams. Escolha um canal na equipe onde você registrou seu aplicativo e digite @your-bot-name .Choose a channel in the team where you registered your app, and type @your-bot-name. Isso é chamado de ** @ menção**.This is called an @mention. Qualquer mensagem enviada ao bot será enviada de volta para você como resposta.Whatever message you send to the bot will be sent back to you as a reply.

Testar sua extensão de mensagensTest your messaging extension

Para testar sua extensão de mensagens, você pode clicar nos três pontos abaixo da caixa de entrada no modo de exibição de conversa.To test your messaging extension, you can click on the three dots below the input box in your conversation view. Um menu será exibido com o aplicativo "Olá mundo" .A menu will pop up with the 'Hello World' app in it. Quando você clicar nele, verá um monte de textos aleatórios aparecendo.When you click it, you will see a bunch of random texts showing up. Você pode escolher qualquer uma delas e ela será inserida na conversa.You can choose any one of them and it will be inserted it into your conversation.

Escolha um dos textos aleatórios, e você verá um cartão formatado e pronto para enviar com sua própria mensagem na parte inferior.Choose one of the random texts, and you will see a card formatted and ready to send with your own message at the bottom.