Criar seu primeiro aplicativo usando a biblioteca de IA do Teams
Observação
A biblioteca de IA do Teams está disponível apenas na versão prévia do desenvolvedor público.
Inicie o desenvolvimento de aplicativos do Microsoft Teams com seu primeiro aplicativo de biblioteca de IA do Teams.
Você pode criar um bot de conversa para o Microsoft Teams que acha que é um Chef para ajudá-lo a cozinhar aplicativos do Teams e ilustra o comportamento básico do bot de conversa no Microsoft Teams. O bot foi criado para permitir que o GPT facilite a conversa em seu nome, usando apenas um arquivo de prompt de linguagem natural para guiá-lo.
Neste tutorial, você aprenderá:
- Como configurar um novo projeto com o Teams Toolkit.
- Como importar recursos da biblioteca de IA do Teams.
- Como implantar seu bot no Teams e iniciar uma conversa.
Você pode ver a seguinte saída:
Pré-requisitos
Aqui está uma lista de ferramentas necessárias para criar e implantar seus aplicativos.
| Instalar | Para usar... |
|---|---|
| Kit de ferramentas do Teams | Uma extensão do Microsoft Visual Studio Code que cria um scaffolding de projeto para seu aplicativo. Use a versão 5. |
| Microsoft Teams | Microsoft Teams para colaborar com todos com quem você trabalha por meio de aplicativos para chat, reuniões ou chamadas - tudo em um só lugar. |
| Node.js | Ambiente de runtime do JavaScript de back-end. Para obter mais informações, consulte Node.js tabela de compatibilidade de versão para o tipo de projeto. |
| Microsoft Edge (recomendado) ou Google Chrome | Um navegador com ferramentas de desenvolvedor. |
| Visual Studio Code | Ambientes de compilação JavaScript, TypeScript ou Estrutura do SharePoint (SPFx). Use a versão 1.55 ou posterior. |
| OpenAI ou Azure OpenAI | Primeiro crie sua chave de API OpenAI para usar o GPT do OpenAI. Se você quiser hospedar seu aplicativo ou acessar recursos no Azure, deverá ter uma chave do Azure OpenAI antes de começar. |
| Conta de desenvolvedor do Microsoft 365 | Acesso à conta do Teams com as permissões apropriadas para instalar um aplicativo. |
| Portal do Desenvolvedor do Teams | Portal baseado na Web para configurar, gerenciar e distribuir seu aplicativo do Teams, inclusive para sua organização ou para a loja do Teams. |
Preparar o ambiente de desenvolvimento
Depois de instalar as ferramentas necessárias, configure o ambiente de desenvolvimento.
Instalar o Kit de Ferramentas do Teams
O Kit de Ferramentas do Teams ajuda a simplificar o processo de desenvolvimento com ferramentas para provisionar e implantar recursos de nuvem para seu aplicativo, publicar na loja do Teams e muito mais.
Você pode usar o kit de ferramentas com Visual Studio Code ou CLI (interface de linha de comando), chamada TeamsFx.
Abra Visual Studio Code e selecione a exibição Extensões (Ctrl+Shift+X / ⌘⇧-X ou Exibir > Extensões).
Na caixa de pesquisa, insira o Kit de Ferramentas do Teams.
Selecione Instalar ao lado do Kit de Ferramentas do Teams.
O ícone Kit de Ferramentas do Teams é exibido na Barra de Atividades Visual Studio Code depois de instalado.
Você também pode encontrar o Kit de Ferramentas do Teams no Visual Studio Code Marketplace.
Observação
A versão mais recente do Teams Toolkit é v5.
Configurar seu locatário de desenvolvimento do Teams
Um locatário é como um espaço ou um contêiner para sua organização no Teams, onde você conversa, compartilha arquivos e executa reuniões. Esse espaço também é onde seu sideload e testa seu aplicativo. Vamos verificar se você está pronto para desenvolver com o locatário.
Verificar a opção sideload
Depois de criar o aplicativo, você deve carregar seu aplicativo no Teams sem distribuí-lo. Esse processo é conhecido como sideload. Entre em sua conta do Microsoft 365 para exibir essa opção.
Observação
O sideload é necessário para visualizar e testar aplicativos no ambiente local do Teams. Se ele não estiver habilitado, você não poderá visualizar e testar seu aplicativo no ambiente local do Teams.
Você já tem um locatário e tem acesso ao administrador? Vamos marcar se você realmente fizer isso!
Verifique se você pode carregar aplicativos de sideload no Teams:
No cliente do Teams, selecione o ícone Aplicativos .
Selecione Gerenciar seus aplicativos.
Selecione Carregar um aplicativo.
Procure a opção para Carregar um aplicativo personalizado. Se você vir a opção, os aplicativos de sideload estarão habilitados.
Observação
Entre em contato com o administrador do Teams, se você não encontrar a opção de carregar um aplicativo personalizado.
Criar um locatário de desenvolvedor gratuito do Teams (opcional)
Se você não tiver uma conta de desenvolvedor do Teams, poderá obtê-la gratuitamente. Ingresse no programa de desenvolvedor do Microsoft 365!
Selecione Ingressar Agora e siga as instruções na tela.
Na tela de boas-vindas, selecione Configurar assinatura do E5.
Configurar a conta de administrador. Depois de concluir, a tela a seguir será exibida.
Entre no Teams usando a conta de administrador que você acabou de configurar. Verifique se você tem a opção Carregar um aplicativo personalizado no Teams.
Obter uma conta gratuita do Azure
Se você quiser hospedar seu aplicativo ou acessar recursos no Azure, deverá ter uma assinatura do Azure. Crie uma conta gratuita antes de começar.
Agora você tem todas as ferramentas para configurar sua conta. Em seguida, vamos configurar seu ambiente de desenvolvimento e começar a criar! Selecione o aplicativo que você deseja criar primeiro.
Criar workspace de projeto para seu aplicativo bot
Vamos criar seu primeiro aplicativo bot.
A funcionalidade de bot de um aplicativo do Teams cria um chatbot ou um bot de conversação. Você o usa para executar tarefas simples e automatizadas, por exemplo, fornecendo serviço ao cliente. Um bot conversa com um serviço Web e ajuda você a usar suas ofertas. Você pode obter previsão do tempo, fazer reservas ou qualquer outro serviço oferecido usando um bot de conversa.
Como você já se preparou para criar esses aplicativos, você pode configurar um novo projeto do Teams para criar o aplicativo bot.
Neste tutorial, você aprenderá:
- Como configurar um novo projeto de bot com o Teams Toolkit.
- Sobre a estrutura de diretório do seu projeto de aplicativo.
Importante
Os bots estão disponíveis em ambientes do GCC (Government Community Cloud), GCC-High e DoD (Departamento de Defesa ).
Criar seu workspace de projeto de bot
Se os pré-requisitos estiverem em vigor, vamos começar!
Observação
A interface do usuário Visual Studio Code mostrada é do Mac. Pode ser diferente dependendo do sistema operacional, da versão do Teams Toolkit e do ambiente.
Abra o Visual Studio Code.
Selecione o ícone Kit de
Ferramentas do Teams na Barra de Atividades Visual Studio Code.Selecione Criar um Novo Aplicativo.
Selecione Bot para criar um novo projeto de bot.
Selecione Bot Básico.
Selecione TypeScript como a linguagem de programação.
Selecione Pasta padrão para armazenar sua pasta raiz do projeto no local padrão.
Você também pode alterar o local padrão pelas seguintes etapas:
Selecione Procurar.
Selecione o local para o workspace do projeto.
Selecione a Pasta Selecionar.
Insira um nome adequado para seu aplicativo e selecione Inserir.
Uma caixa de diálogo é exibida. Selecione Sim, confio nos autores ou não, não confio nos autores com base em seus requisitos.
Seu aplicativo teams com um recurso de bot é criado em poucos segundos.
Depois que seu aplicativo é criado, o Kit de Ferramentas do Teams exibe a seguinte mensagem:
Selecione Depuração local para visualizar seu projeto.
Uma recapitulação rápida da criação de um aplicativo do Teams.
Assista a esta breve recapitulação para criar um aplicativo do Teams.
Faça um tour pelo código-fonte do aplicativo bot
Depois que o scaffolding for concluído, exiba os diretórios e arquivos do projeto na área Explorer de Visual Studio Code.
| Nome da pasta | Conteúdos |
|---|---|
env/.env.local.user |
Arquivo de configuração para o ambiente local usado para teamsapp.yml personalizar as regras de provisionamento e implantação. |
index.ts |
Ponto de entrada principal para o aplicativo bot. |
teamsBot.ts |
Manipulador de atividades do Teams. |
appPackage |
Arquivos de modelo de manifesto de aplicativo e ícones de aplicativo (color.png e outline.png). |
appPackage/manifest.json |
Manifesto do aplicativo para executar o aplicativo em ambiente local e remoto. |
config.ts |
config.ts envolve o acesso a variáveis de ambiente usadas para configurar o adaptador de bots. |
teamsapp.yml |
Este é o projeto main Teams Toolkit que define propriedades e definições de estágio de configuração. |
teamsapp.local.yml |
Isso substitui teamsapp.yml com ações que habilitam a execução local e a depuração. |
infra/azure.parameters.json |
Arquivo de parâmetros para provisionamento do Azure BICEP para cada ambiente. |
Dica
Familiarize-se com bots fora do Teams antes de integrar seu primeiro bot no Teams.
Criar e executar seu primeiro aplicativo bot
Depois de configurar o workspace do projeto com o Teams Toolkit, crie seu projeto de bot. Verifique se você entrou em sua conta do Microsoft 365.
Entre em sua conta do Microsoft 365
Use essa conta para entrar no Teams. Se você estiver usando um locatário do programa de desenvolvedor do Microsoft 365, a conta de administrador que você configurou durante o registro é sua conta do Microsoft 365.
Abra o Visual Studio Code.
Selecione o ícone kit de
ferramentas do Teams na barra lateral.Selecione Entrar no M365.
Seu navegador da Web padrão é aberto para permitir que você entre na conta.
Entre em sua conta do Microsoft 365 usando suas credenciais.
Feche o navegador quando solicitado e retorne ao Visual Studio Code.
Retorne ao Teams Toolkit no Visual Studio Code.
Use essa conta para entrar no Teams. Se você estiver usando um locatário do programa de desenvolvedor do Microsoft 365, a conta de administrador que você configurou durante o registro é sua conta do Microsoft 365.
Agora você está pronto para criar o aplicativo e executá-lo localmente!
Atualizar seu aplicativo bot com recursos da biblioteca de IA do Teams
O Teams Toolkit é a maneira mais fácil de fazer scaffold e obter um bot em execução. O Teams Toolkit cria a estrutura básica do bot para você começar a configurar o bot.
Vamos começar a configurar os recursos da biblioteca de IA do Teams.
Vá para Visual Studio Code e abra uma janela do terminal.
Execute o seguinte comando no terminal para adicionar a versão mais recente da biblioteca de IA do Teams ao seu aplicativo usando npm:
npm install @microsoft/teams-aiAcesse Explorer>env.env.local.user>.
Adicione o código a seguir
SECRET_BOT_PASSWORDe atualize a chave OpenAI que você gerou.SECRET_OPENAI_API_KEY=sk***********************Vá para o
config.tsarquivo e adicione o seguinte código apósbotIdebotPassword:openAIKey: process.env.SECRET_OPENAI_API_KEYQuando você depura o aplicativo, a chave OpenAI definida aqui processa a chave OpenAI do durante a
.env.local.userdepuração local.Vá para o
teamsapp.local.ymlarquivo, em Gerar variáveis de ambiente de runtime, adicione o seguinte código apósBOT_IDeBOT_PASSWORD:SECRET_OPENAI_API_KEY: ${{SECRET_OPENAI_API_KEY}}Quando você executa o aplicativo localmente, a chave OpenAI definida aqui é usada nas configurações locais.
Vá para o
index.tsarquivo :Em Criar servidor HTTP após
console.logmétodo, adicione o seguinte código em uma nova linha para importar a biblioteca de IA do Teams:import { Application, ConversationHistory, DefaultPromptManager, DefaultTurnState, OpenAIModerator, OpenAIPlanner, AI } from '@microsoft/teams-ai'; import path from "path";Você precisa importar as classes necessárias para usar as funções e variáveis disponíveis na classe para criar seu aplicativo. Você pode aproveitar modelos pré-criados e adicionar sua lógica de negócios a esse scaffold.
Depois
import path from "path"de , adicione o seguinte código em uma nova linha para definir um estado:// eslint-disable-next-line @typescript-eslint/no-empty-interface interface ConversationState {} type ApplicationTurnState = DefaultTurnState<ConversationState>;O
ApplicationTurnStateé o tipo de typescript do estado de turno do objeto de estado. Os usuários finais podem criar suas próprias implementações de tipo de conversa ou de tipo concreto do usuário e fornecê-la àDefaultTurnStateinterface.Depois
type ApplicationTurnStatede , adicione o código a seguir em uma nova linha para criarplanner,moderatorepromptManager:// Create AI components const planner = new OpenAIPlanner({ apiKey: config.openAIKey, defaultModel: 'text-davinci-003', logRequests: true }); const moderator = new OpenAIModerator({ apiKey: config.openAIKey, moderate: 'both' }); const promptManager = new DefaultPromptManager(path.join(__dirname, './prompts' ));Planner: a
OpenAIPlanneré uma classe que implementa uma interface chamadaPlanner. O Planner chama o modelo de LLM (modelo de linguagem grande) do OpenAI para conclusão detext-davinci-003texto. Você pode usar oOpenAIPlannerAzureOpenAIPlanner. Se você estiver usando o AzureOpenAIPlanner, verifique se você define a propriedade do ponto de extremidade.PromptManager:
promptManagerpermite que você registre seus prompts e carregue um modelo de prompt no componente de IA. Todas as funções relacionadas ao gerenciador de prompts estão disponíveis noDefaultPromptManager. O gerenciador de prompt analisa os prompts definidos napromptpasta. Você pode substituir ou substituir sua própria funcionalidade no gerenciador de prompts.Moderador: A
OpenAIModeratorrevisa a entrada do usuário e a saída do modelo para detectar falas prejudiciais, como fala de ódio, auto-mutilação e violência.
Depois
const promptManagerde , adicione o seguinte código em uma nova linha para definir armazenamento e aplicativo:// Define storage and application const storage = new MemoryStorage(); const app = new Application<ApplicationTurnState>({ storage, ai: { planner, moderator, promptManager, prompt: 'chat', history: { assistantHistoryType: 'text' } } });- A
Applicationclasse substitui a classe Manipulador de Atividades do Teams do SDK do Bot Framework. A classe de aplicativo tem todas as informações e a lógica do bot necessárias para um aplicativo. Você pode registrar ações ou manipuladores de atividades para o aplicativo nesta classe. - A
MemoryStorageclasse é um provedor de armazenamento baseado em memória que armazena e recupera objetos JSON antigos do plano. Ela é importada do SDK do Construtor de Bots.
- A
Depois de adicionar o código para definir armazenamento e aplicativo, adicione o seguinte código em uma nova linha para definir ações:
app.ai.action(AI.FlaggedInputActionName, async (context, state, data) => { await context.sendActivity(`I'm sorry your message was flagged: ${JSON.stringify(data)}`); return false; }); app.ai.action(AI.FlaggedOutputActionName, async (context, state, data) => { await context.sendActivity(`I'm not allowed to talk about such things.`); return false; });Quando o
OpenAIModeratorexamina e identifica um sinalizador em uma entrada ou saída, ele dispara a açãoAI.FlaggedInputActionNameouAI.FlaggedOutputActionNamee enviacontext.sendActivityuma mensagem ao usuário. Se o usuário receber uma mensagem para uma entrada ou saída sinalizada, o usuário poderá controlar o que deseja fazer.Depois de adicionar o código para definir ações, adicione o seguinte código em uma nova linha o definir histórico:
app.message('/history', async (context, state) => { const history = ConversationHistory.toString(state, 2000, '\n\n'); await context.sendActivity(history); });A
ConversationHistoryclasse é uma classe de utilitário que facilita o gerenciamento do histórico de conversas. Quando o usuário envia/history`` to the bot in Teams, the server sends a log of the conversation history back to the user. The history is tracked and populated in the state.temp.history property where state is theApplicationTurnState'.- Em Importar o serviço de bot necessário, depois de
TurnContextadicionarMemoryStorage.
- Em Importar o serviço de bot necessário, depois de
Por padrão, o construtor de bots usa
botcomo variável, pois estamos construindo um aplicativo para onew Application. Devemos substituirawait bot.run(context)porawait app.run(context).
Na pasta raiz, criar novas pastas solicita chat>.
Em chat, crie os seguintes arquivos:
- config.json
- skprompt.txt
Vá para o
config.jsonarquivo e adicione o seguinte código para criar as configurações do modelo prompt:{ "schema": 1, "description": "Chat with Teams Chef", "type": "completion", "completion": { "max_tokens": 150, "temperature": 0.9, "top_p": 0.0, "presence_penalty": 0.6, "frequency_penalty": 0.0, "stop_sequences": [ "Human:", "AI:" ] } }O bot depende do OpenAI ou do Azure OpenAI para sua modelagem de linguagem natural, o
config.jsonarquivo manipula o processamento de idioma para o bot. Oconfig.jsoné iniciado peloDefaultPromptManagerdoindex.tsarquivo. Quando um prompt é iniciado, o gerenciador de prompt pesquisa o arquivo de configuração de prompt (chat/config.json) e passa as configurações de prompt para OpenAI ou Azure OpenAI.Vá para o
skprompt.txtarquivo. Adicione as seguintes instruções para o ponto de extremidade OpenAI para conduzir e facilitar a conversa:The following is a conversation with an AI assistant, its name is Teams Chef. Teams Chef is an expert in Microsoft Teams apps development and the Human is junior developer learning Microsoft Teams development for the first time. Teams Chef should always reply by explaining new concepts in simple terms using cooking as parallel concepts. Teams Chef should always greet the human, ask them their name, and then guide the junior developer in their journey to build new apps for Microsoft Teams.O
skprompt.txtarquivo contém prompts de texto com os quais os usuários interagem com o ponto de extremidade OpenAI. O ponto de extremidade OpenAI tenta usar esses prompts para produzir a próxima série de palavras que são mais propensas a seguir do texto anterior.Para armazenar e aproveitar o histórico da sessão, adicione o seguinte no final do
skprompt.txtarquivo:{{$history}} Human: {{$input}} TeamsChef:A variável {{$history}} obtém seu valor da propriedade state.temp.history e a variável {{$input}} obtém seu valor de state.temp.input onde o estado é o
ApplicationTurnState.O modelo de prompt é preenchido usando a variável {{$history}}}} . A
$historyvariável lembra a lista de entradas fornecidas pelo usuário e pelo modelo.Por exemplo, digamos que o nome do usuário seja Dave. O bot pode continuar a seguinte conversa:
AI: Hi there! My name is Teams Chef. It's nice to meet you. What's your name? DAVE: My name is Dave. AI:Hi Dave! It's great to meet you. Let me help you get started with Microsoft Teams app development. Have you ever cooked before? DAVE: No, not yet, why? AI: Cooking is a great way to learn how to develop apps for Microsoft Teams. Just like cooking, developing apps requires you to have the right ingredients and tools, and to follow a set of instructions. It also requires creativity and problem-solving skills. So, let's get started! What would you like to learn first? DAVE: Which kind of apps can I build for Microsoft Teams? AI: Great question! You can build various apps for Microsoft Teams, including bots, messaging extensions, tabs, and connectors. Bots are like the main course of your app - they provide the core functionality. Messaging extensions are like side dishes - they add extra features to your app. Tabs are like garnishes - they provide additional information or visuals. And connectors are like spices - they allow you to integrate with other services.Observe que o bot se lembrou da primeira mensagem de Dave ao responder ao segundo.
Esse exemplo aproveita o ponto de extremidade OpenAI para toda a modelagem de linguagem natural, o usuário pode conversar com um bot de IA em qualquer idioma de sua escolha. O bot entende e responde adequadamente sem código extra.
Criar e executar seu primeiro aplicativo bot localmente
Para criar e executar seu aplicativo no ambiente local:
Selecione a chave F5 para executar seu aplicativo no modo de depuração.
Observação
Se o Teams Toolkit não conseguir marcar um pré-requisito específico, ele solicitará que você marcar.
Saiba o que acontece quando você executa seu aplicativo localmente no depurador.
Caso esteja se perguntando, ao pressionar a tecla F5 , o Kit de Ferramentas do Teams:
- Verifica todos os seguintes pré-requisitos:
- Você está conectado com uma conta do Microsoft 365.
- O sideload está habilitado para sua conta do Microsoft 365.
- A versão de Node.js com suporte está instalada.
- A porta necessária pelo aplicativo bot está disponível.
- Instale pacotes npm.
- Inicia o Túnel de Desenvolvimento para criar um túnel HTTP.
- Registra o aplicativo no Azure AD e configura o aplicativo.
- Registra o aplicativo bot no SDK do Bot Framework e configura o aplicativo bot.
- Registra o aplicativo no Portal do Desenvolvedor do Teams e configura o aplicativo.
- Inicia o aplicativo bot.
- Inicia o Teams em um navegador da Web e carrega o aplicativo bot.
Observação
Quando você executa o aplicativo pela primeira vez, todas as dependências são baixadas e o aplicativo é criado. Uma janela do navegador é aberta automaticamente quando a compilação é concluída. Esse processo pode levar de três a cinco minutos para ser concluído.
O Teams executa seu aplicativo em um navegador da Web.
Entre com sua conta do Microsoft 365, se solicitado.
Selecione Adicionar quando solicitado a sideload do aplicativo no Teams em seu computador local.
Agora o bot está sendo executado com êxito no Teams! Depois que o aplicativo é carregado, uma sessão de chat com o bot é aberta.
Você pode digitar
Hipara começar a interagir com o bot.
Saiba como solucionar problemas se o aplicativo não for executado localmente.
Para executar seu aplicativo com êxito no Teams, verifique se você habilitou o sideload em sua conta do Teams. Você pode saber mais sobre sideload na seção Pré-requisitos.
Importante
Os aplicativos de sideload estão disponíveis em ambientes de GCC (Government Community Cloud), GCC-High e DoD (Departamento de Defesa ).
Dica
Verifique se há problemas antes de carregar o aplicativo, usando a ferramenta de validação do aplicativo. Essa ferramenta está incluída no kit de ferramentas. Corrija os erros para sideload do aplicativo.
Implantar seu primeiro aplicativo do Teams
Você aprendeu a criar, compilar e executar o aplicativo teams com a funcionalidade do bot. A etapa final é implantar seu aplicativo no Azure.
Vamos implantar o primeiro aplicativo com recursos de bot no Azure usando o Teams Toolkit.
Entre em sua conta do Azure
Use essa conta para acessar o Microsoft portal do Azure e provisionar novos recursos de nuvem para dar suporte ao seu aplicativo.
Abra o Visual Studio Code.
Abra a pasta de projeto na qual você criou o aplicativo bot.
Selecione o ícone kit de
ferramentas do Teams na barra lateral.Selecione Entrar no Azure.
Dica
Se você tiver a extensão da Conta do Azure instalada e estiver usando a mesma conta, poderá ignorar esta etapa. Use a mesma conta que você está usando em outras extensões.
Seu navegador da Web padrão é aberto para permitir que você entre na conta.
Entre em sua conta do Azure usando suas credenciais.
Feche o navegador quando solicitado e retorne ao Visual Studio Code.
A seção ACCOUNTS na barra lateral mostra as duas contas separadamente. Ele também lista o número de assinaturas utilizáveis do Azure disponíveis para você. Verifique se você tem pelo menos uma assinatura utilizável do Azure disponível. Caso contrário, saia e use uma conta diferente.
Agora você está pronto para implantar seu aplicativo no Azure!
Parabéns, você criou um aplicativo do Teams! Agora vamos continuar e aprender a implantar um dos aplicativos no Azure usando o Kit de Ferramentas do Teams.
Implantar seu aplicativo no Azure.
A implantação consiste em duas etapas. Primeiro, os recursos de nuvem necessários são criados (também conhecidos como provisionamento). Em seguida, o código do aplicativo é copiado para os recursos de nuvem criados. Para este tutorial, você implantará o aplicativo bot.
Qual é a diferença entre Provisionar e Implantar?
A etapa Provisionar cria recursos no Azure e no Microsoft 365 para seu aplicativo, mas nenhum código (HTML, CSS, JavaScript) é copiado para os recursos. A etapa Implantar copia o código do aplicativo para os recursos criados durante a etapa de provisionamento. É comum implantar várias vezes sem provisionar novos recursos. Como a etapa de provisionamento pode levar algum tempo para ser concluída, ela é separada da etapa de implantação.
Selecione o ícone do Kit de Ferramentas do Teams na barra Visual Studio Code lateral.
Selecione Provisionar.
Selecione uma assinatura a ser usada para os recursos do Azure.
Seu aplicativo está hospedado usando recursos do Azure.
Uma caixa de diálogo avisa que os custos podem ser incorridos ao executar recursos no Azure.
Selecione Provisionar.
O processo de provisionamento cria recursos na nuvem do Azure. Pode levar algum tempo. Você pode monitorar o progresso observando as caixas de diálogo no canto inferior direito. Após alguns minutos, você verá o seguinte aviso:
Se desejar, você pode exibir os recursos provisionados. Para este tutorial, você não precisa exibir recursos.
O recurso provisionado é exibido na seção ENVIRONMENT .
Selecione Implantar no painel LIFECYCLE após a conclusão do provisionamento.
Assim como acontece com o provisionamento, a implantação leva algum tempo. Você pode monitorar o processo observando as caixas de diálogo no canto inferior direito. Após alguns minutos, você verá um aviso de conclusão.
Agora, você pode usar o mesmo processo para implantar seus aplicativos Bot e Extensão de Mensagem no Azure.
Executar o aplicativo implantado
Depois que as etapas de provisionamento e implantação forem concluídas:
- Abra o painel de depuração (Ctrl+Shift+D / ⌘⇧-D ou Exibir > Execução) de Visual Studio Code.
- Selecione Iniciar Remoto (Edge) na lista suspensa de configuração de inicialização.
- Selecione o F5 (Iniciar depuração) para iniciar seu aplicativo no Azure.
Selecione Adicionar.
O kit de ferramentas exibe uma mensagem para indicar que o aplicativo foi adicionado ao Teams.
Seu aplicativo é carregado no cliente do Teams.
Saiba o que acontece quando você implantou seu aplicativo no Azure
Antes da implantação, o aplicativo era executado localmente:
- O back-end é executado usando o Azure Functions Core Tools.
- O ponto de extremidade HTTP do aplicativo, onde o Microsoft Teams carrega o aplicativo, é executado localmente.
A implantação é um processo de duas etapas. Você provisiona os recursos em uma assinatura ativa do Azure e, em seguida, implanta ou carrega o back-end e o código de front-end do aplicativo no Azure.
- O back-end, se configurado, usa vários serviços do Azure, incluindo Serviço de Aplicativo do Azure e Armazenamento do Azure.
- O aplicativo front-end é implantado em uma conta de Armazenamento do Azure configurada para hospedagem da Web estática.
Antes da implantação, o aplicativo era executado localmente:
- O back-end é executado usando o Azure Functions Core Tools.
- O ponto de extremidade HTTP do aplicativo, onde o Microsoft Teams carrega o aplicativo, é executado localmente.
A implantação é um processo de duas etapas. Você provisiona os recursos em uma assinatura ativa do Azure e, em seguida, implanta ou carrega o back-end e o código de front-end do aplicativo no Azure.
- O back-end, se configurado, usa vários serviços do Azure, incluindo Serviço de Aplicativo do Azure e Armazenamento do Azure.
- O aplicativo front-end é implantado em uma conta de Armazenamento do Azure configurada para hospedagem da Web estática.
Parabéns!
Você fez isso!
Você criou um bot de biblioteca de IA do Teams.
Agora que você aprendeu a criar um aplicativo usando a biblioteca de IA do Teams, você pode seguir em frente para saber mais sobre os recursos de IA do Teams.
Você concluiu o tutorial.
Tem algum problema com essa seção? Se tiver, envie seus comentários para que possamos melhorar esta seção.
Comentários
Enviar e exibir comentários de