Gerar Token de Reunião para Participantes - Teams

A aplicação Token de reunião ajuda a melhorar a sua experiência de reunião no Teams ao permitir que os participantes da reunião peçam tokens e gerem tokens. A aplicação gera tokens sequencialmente para que cada participante tenha a mesma oportunidade de interagir na reunião. Por exemplo, a aplicação é útil nas sessões Q&A e em reuniões, como reuniões scrum.

Observação

Os separadores Em reunião para a aplicação gerador de tokens de reunião só estão disponíveis para o cliente de ambiente de trabalho do Teams.

Principais funcionalidades do gerador de tokens de reunião

Apresenta o token atual utilizado na reunião.
Apresenta a lista de utilizadores ordenada com base no número do token.
Gera um token para o utilizador mediante pedido.
Apresenta o número de token do utilizador atual.
Permite que o organizador ignore o token de reunião atual.

Diferentes formas de interações do utilizador

Token: token de pedidos para o utilizador.
Concluído: confirma a geração de tokens para o utilizador.
Ignorar: ignora o utilizador atual e passa para a pessoa seguinte na fila para obter um token.

Observação

Ignorar só está disponível para os organizadores da reunião.

Este guia passo a passo ajuda-o a gerar o token de reunião para que todos os participantes interajam na reunião. Verá o seguinte resultado:

Captura de ecrã a mostrar o ecrã de saída final.

Pré-requisitos

19 minutos restantes

Instale as seguintes ferramentas e configure o seu ambiente de desenvolvimento:

	Instalar	Para usar...
	Microsoft Teams	Microsoft Teams para colaborar com todas as pessoas com quem trabalha através de aplicações para chat, reuniões e ligar para todos num único local.
	Visual Studio 2022	Pode instalar a versão empresarial no Visual Studio 2022 e instalar as cargas de trabalho de desenvolvimento web e ASP.NET. Utilize a versão mais recente.
	Conta de programador do Microsoft 365	Acesso à conta do Teams com as permissões adequadas para instalar uma aplicação.
	.NET Core SDK versão 3.1	Enlaces personalizados para depuração local e implementações de aplicações das Funções do Azure. Se ainda não instalou o SDK .NET 3.1 (ou posterior) globalmente, a versão portátil pode ser instalada.
	Node.js e NPM	Ambiente de runtime do JavaScript de back-end. Para obter mais informações, veja Node.js tabela de compatibilidade de versões para o tipo de projeto.
	Túnel de desenvolvimento	As funcionalidades da aplicação Teams (bots de conversação, extensões de mensagens e webhooks recebidos) precisam de ligações de entrada. Um túnel liga o seu sistema de desenvolvimento ao Teams. O túnel Dev é uma ferramenta avançada para abrir de forma segura o seu localhost na Internet e controlar quem tem acesso. O túnel Dev está disponível no Visual Studio 2022 versão 17.7.0 ou posterior. ou também pode utilizar o ngrok como um túnel para ligar o seu sistema de desenvolvimento ao Teams. Não é necessário para aplicações que incluam apenas separadores. Este pacote é instalado no diretório do projeto (com o npm `devDependencies`).

Observação

Depois de transferir o ngrok, inscreva-se e instale o authtoken.

Tem de ter conhecimentos práticos das seguintes tecnologias:

Configurar o ambiente local

18 minutos restantes

Abra Microsoft-Teams-Samples.
Selecione Código.
No menu pendente, selecione Abrir com o GitHub Desktop.
Selecione Clonar.

Registar a aplicação Microsoft Entra

17 minutos restantes

Os passos seguintes ajudam-no a criar e registar o bot no portal do Azure:

Crie e registe a sua aplicação do Azure.
Crie o segredo do cliente para ativar a autenticação SSO do bot.
Adicione o canal do Teams para implementar o bot.
Crie um túnel para os pontos finais do servidor Web com o túnel dev (recomendado) ou o ngrok.
Adicione o ponto final de mensagens ao túnel dev que criou.

Adicionar Registo de aplicações

Acesse o portal do Azure.
Selecione Registros de aplicativos.
Selecione + Novo registo.
Introduza o nome da sua aplicação.
Selecione Contas em qualquer diretório organizacional (Qualquer inquilino do Microsoft Entra ID – Multi-inquilino).
Selecione Registrar.

A sua aplicação está registada no Microsoft Entra ID. É apresentada a página de descrição geral da aplicação.

Observação

Guarde o ID da aplicação do ID da Aplicação (cliente) e do ID do Diretório (inquilino) para utilização adicional.

Criar um túnel

túnel dev
ngrok

Abra o Visual Studio.
Selecione Criar um novo projeto.
Na caixa de pesquisa, introduza ASP.NET. Nos resultados da pesquisa, selecione ASP.NET Core Web App.
Selecione Avançar.
Introduza Nome do projeto e selecione Seguinte.
Selecione Criar.

É apresentada uma janela de descrição geral.
Na lista pendente de depuração, selecione Túneis de Desenvolvimento (sem túnel ativo)>Criar um Túnel....

Uma janela pop-up será exibida.
Atualize os seguintes detalhes na janela de pop-up:
1. Conta: introduza uma conta Microsoft ou GitHub.
2. Nome: introduza um nome para o túnel.
3. Tipo de Túnel: na lista pendente, selecione Temporário.
4. Acesso: na lista pendente, selecione Público.
Selecione OK.

É apresentada uma janela de pop-up que mostra que o túnel dev foi criado com êxito.
Selecione OK.

Pode encontrar o túnel que criou na lista pendente de depuração da seguinte forma:
Selecione F5 para executar a aplicação no modo de depuração.
Se for apresentada uma caixa de diálogo Aviso de Segurança , selecione Sim.

Uma janela pop-up será exibida.
Selecione Continuar.

A home page do túnel dev é aberta numa nova janela do browser e o túnel dev está agora ativo.
Aceda ao Visual Studio e selecione Ver > Saída.
No menu pendente Consola de saída , selecione Túneis Dev.

A consola Output (Saída ) mostra o URL do túnel dev.

Utilize ngrok ou Linha de Comandos para criar um túnel para os pontos finais HTTPS publicamente disponíveis do servidor Web em execução local. Execute o seguinte comando no ngrok:

ngrok http --host-header=localhost 3978

Dica

Se encontrar ERR_NGROK_4018, siga os passos indicados na Linha de Comandos para se inscrever e autenticar o ngrok. Em seguida, execute o comando ngrok http --host-header=localhost 3978.

A janela mostra o URL HTTPS.

Captura de ecrã a mostrar o URL https do ngrok.

Adicionar uma autenticação Web

No painel esquerdo, em Gerir, selecione Autenticação.
Selecione Adicionar uma Web de plataforma>.
Introduza o URI de redirecionamento para a sua aplicação ao acrescentar auth-end ao nome de domínio completamente qualificado. Por exemplo: https://your-devtunnel-domain/auth-end ou https://your-ngrok-domain/auth-end.
Em Concessão implícita e fluxos híbridos, selecione as caixas de verificação Tokens de acesso e tokens de ID .
Selecione Configurar.
Em Web, selecione Adicionar URI.
Digite https://token.botframework.com/.auth/web/redirect.
Selecione Salvar.

Criar um segredo do cliente

No painel esquerdo, em Gerir, selecione Certificados & segredos.
Em Segredos do cliente, selecione + Novo segredo do cliente.

É apresentada a janela Adicionar um segredo do cliente .
Introduza Descrição.
Selecione Adicionar.
Em Valor, selecione Copiar para a área de transferência para guardar o valor do segredo do cliente para utilização adicional.

Adicionar permissão de API

No painel esquerdo, em Gerir, selecione Permissões da API.
Selecione + Adicionar uma permissão.
Selecione Microsoft Graph.
Selecione Permissões delegadas.
Selecione as seguintes permissões:
- Permissões> de OpenIde-mail, offline_access, openid, perfil.
- Utilizador>User.Read.
Selecione Adicionar permissões.
Observação
- Se não for concedido consentimento ao administrador de TI a uma aplicação, os utilizadores têm de dar consentimento na primeira vez que utilizarem uma aplicação.
- Os utilizadores só precisam de dar consentimento às permissões da API se a aplicação Microsoft Entra estiver registada num inquilino diferente.

Adicionar URI do ID da Aplicação

No painel esquerdo, em Gerir, selecione Expor uma API.
Junto a URI do ID da Aplicação, selecione Adicionar.
Atualize o URI do ID da Aplicação no api://your-devtunnel-domain/botid-{AppID} formato ou api://your-ngrok-domain/botid-{AppID} e selecione Guardar.

A imagem seguinte mostra o nome de domínio:

Adicionar um âmbito

No painel esquerdo, em Gerir, selecione Expor uma API.
Selecione + Adicionar um âmbito.
Introduza access_as_user como o Nome do âmbito.
Em Quem pode consentir?, selecione Administradores e utilizadores.
Atualize os valores dos restantes campos da seguinte forma:
- Introduza O Teams pode aceder ao perfil do utilizador como Nome a apresentar do consentimento do administrador.
- Introduza Permite que o Teams chame as APIs Web da aplicação como o utilizador atual como Descrição do consentimento do administrador.
- Introduza O Teams pode aceder ao perfil de utilizador e fazer pedidos em nome do utilizador como Nome a apresentar do consentimento do utilizador.
- Introduza Ativar o Teams para chamar as APIs desta aplicação com os mesmos direitos que o utilizador que aDescrição do consentimento do utilizador.
Verifique se o Estado está definido como Habilitado.
Selecione Adicionar escopo.

A imagem seguinte mostra os campos e os valores:

Observação

O Nome do âmbito tem de corresponder ao URI do ID da Aplicação com /access_as_user acrescentado no final.

Adicionar aplicação cliente

No painel esquerdo, em Gerir, selecione Expor uma API.

Em Aplicações cliente autorizadas, identifique as aplicações que pretende autorizar para a aplicação Web da sua aplicação.
Selecione + Adicionar uma aplicação cliente.
Adicione o Teams para dispositivos móveis ou de ambiente de trabalho e a aplicação Web do Teams.
1. Para dispositivos móveis ou de ambiente de trabalho do Teams: introduza o ID de Cliente como 1fec8e78-bce4-4aaf-ab1b-5451cc387264.
2. Para a Web do Teams: introduza o ID de Cliente como 5e3ce6c0-2b1f-4285-8d4b-75ee78787346.
Selecione a caixa de verificação Âmbitos autorizados .
Selecione Adicionar aplicativo.

A imagem seguinte apresenta o ID de Cliente:

Atualizar o manifesto

No painel esquerdo, selecione Manifesto.
Defina o valor para accessTokenAcceptedVersion2 e selecione Guardar.

Criar o bot

12 minutos restantes

Criar um recurso de bot do Azure

Observação

Se já estiver a testar o bot no Teams, termine sessão nesta aplicação e no Teams. Para ver esta alteração, inicie sessão novamente.

Vá para a Página Inicial.
Selecione + Criar um recurso.
Na caixa de pesquisa, introduza Azure Bot.
Selecione Enter.
Selecione Bot do Azure.
Selecione Criar.
Introduza o nome do bot no Identificador do bot.
Selecione sua Assinatura na lista suspensa.
Selecione seu Grupo de recursos na lista suspensa.

Se não tiver um grupo de recursos existente, pode criar um novo grupo de recursos. Para criar um novo grupo de recursos, siga estes passos:
1. Selecione Criar novo.
2. Introduza o nome do recurso e selecione OK.
3. Selecione uma localização na lista pendente Nova localização do grupo de recursos .
Em Preços, selecione Alterar plano.
Selecione Fo Gratuito>Selecionar.
Em ID da Aplicação Microsoft, selecione Tipo de Aplicação como Multi-Inquilino.
No Tipo de criação, selecione Utilizar registo de aplicações existente.
Introduza o ID da Aplicação.

Observação

Não pode criar mais do que um bot com o mesmo ID da Aplicação Microsoft.
Selecione Rever + criar.
Após a validação passar, selecione Criar.

O bot demora alguns minutos a aprovisionar.
Selecione Vá para o recurso.

Criou com êxito o bot do Azure.

Adicionar um canal do Teams

No painel esquerdo, selecione Canais.
Em Canais Disponíveis, selecione Microsoft Teams.
Selecione a caixa de verificação para aceitar os Termos de Serviço.
Selecione Concordar.
Selecione Aplicar.

Para adicionar um ponto final de mensagens

túnel dev
ngrok

Utilize o URL do túnel de desenvolvimento na Consola de saída como ponto final de mensagens.
No painel esquerdo, em Definições, selecione Configuração.
Atualize o ponto final de Mensagens no formato https://your-devtunnel-domain/api/messages.
Selecione Aplicar.

Configurou com êxito um bot no Azure Bot Service.

Observação

Se a chave de Instrumentação do Application Insights mostrar um erro, atualize com o ID da Aplicação.

No ngrok, copie o URL https.

Observação

O URL HTTPS no seu ngrok é o seu nome de domínio completamente qualificado. O WebAppDomain é um nome de domínio completamente qualificado que não inclui https:// o mesmo.
No painel esquerdo, em Definições, selecione Configuração.
Atualize o ponto final de Mensagens no formato https://your-ngrok-domain/api/messages.
Selecione Aplicar.

Configurou com êxito um bot no serviço Azure Bot.

Observação

Se a chave de Instrumentação do Application Insights mostrar uma atualização de erros com o ID da Aplicação.

Configurar as definições da aplicação

7 minutos restantes

Aceda ao ficheiro appsettings.json no repositório clonado.
Abra o ficheiro appsettings.json no Visual Studio Code e atualize as seguintes informações:
- Defina "MicrosoftAppId" para o ID da Aplicação Microsoft do bot.
- Defina "MicrosoftAppPassword" como o Valor do segredo do cliente do bot.
- Defina "AzureAd"."TenantId" como o ID de inquilino do inquilino onde a aplicação é utilizada.
Observação

O exemplo só funciona no inquilino atual.
- Defina "AzureAd"."ApplicationId" para o ID da Aplicação Microsoft do bot.
- Defina "ContentBubbleUrl" como o url (https://[WebAppDomain]/contentBubble.html)iframe de bolha de conteúdo .
Observação

WebAppDomain é o seu domínio ngrok, pelo que o URL de bolha de conteúdo é semelhante a https://ae57****.ngrok.io/contentBubble.html.

Configurar o ficheiro de manifesto

6 minutos restantes

Aceda ao manifest.json ficheiro no repositório clonado.
Abra manifest.json o ficheiro no Visual Studio Code e faça as seguintes alterações:
- Defina manifestVersion para a versão mais recente.
- Defina $schema como https://developer.microsoft.com/json-schemas/teams/v1.11/MicrosoftTeams.schema.json.
- Defina resource como api://[WebAppDomainName]/[MicrosoftAppId].
- Substitua por [companyName]Contoso.
- Substitua as secções seguintes pelo nome de domínio completamente qualificado:
  - websiteUrl
  - privacyUrl
  - termsOfUseUrl
- Substitua todas as ocorrências de pelo nome de WebAppDomainName domínio ngrok.
- Substitua todas as ocorrências de MicrosoftAppId pelo ID da Aplicação Microsoft do bot.

Criar uma aplicação cliente com a instalação do npm

5 minutos restantes

Aceda à pasta ClientApp no repositório clonado.
Copie o caminho da pasta ClientApp .
Abra uma nova janela da Linha de Comandos , altere o diretório atual para o caminho copiado clientApp .
Execute o seguinte comando na Linha de Comandos para transferir pacotes e dependências.
```
npm install
```
Execute o seguinte comando na Linha de Comandos para iniciar a aplicação.
```
npm start
```

Criar e executar o serviço

4 minutos restantes

Para criar e executar o serviço, utilize o Visual Studio ou a Linha de comandos.

Visual Studio
Linha de comando

Abra o Visual Studio.
Aceda a Ficheiro>Abrir>Projeto/Solução....
Selecione Ficheiro TokenApp.csproj na pasta csharp .
Pressione F5 para executar o projeto.
Selecione Sim se a caixa de diálogo a seguir for exibida:

É aberta uma página Web com uma mensagem A aplicação está pronta!.

Aceda à pasta csharp numa janela da Linha de Comandos e introduza o seguinte comando:

 dotnet run

Captura de ecrã a mostrar a Linha de Comandos – execução do dotnet.

Habilitar a visualização do desenvolvedor

3 minutos restantes

Ative o carregamento de aplicações na consola de administração do seu inquilino.
1. Acessar o Centro de administração do Microsoft 365 com suas credenciais de administrador.
2. No painel esquerdo, selecione Mostrar Tudo.
3. Selecione Teams.
4. No painel esquerdo, selecione Aplicações do Teams.
5. Selecione Políticas de Configuração.
6. Selecione Global.
7. Ativar a posição Ativado em Carregar aplicações personalizadas.
8. Selecione Salvar.
  
  O inquilino de teste pode permitir o carregamento de aplicações personalizadas.
  
  Observação
  
  O carregamento de aplicações personalizadas demora algum tempo a tornar-se ativo.
Aceda ao Microsoft Teams.
No canto superior direito da interface do Teams, selecione Definições e muito mais(...).
Selecione Sobre>Visualização do desenvolvedor.
Selecione Mudar para pré-visualização do programador.

Adicionar token de reunião ao Teams

2 minutos restantes

No seu repositório clonado, aceda a csharp > AppManifest.
Crie um ficheiro .zip com os seguintes ficheiros que estão presentes na pasta AppManifest :
- manifest.json
- outline.png
- color.png
Crie uma reunião no Teams com alguns apresentadores e participantes.
Ingresse na reunião.
Após o início da reunião, selecione Aplicações.
Na janela de pop-up, selecione Gerir aplicações.
Selecione Carregar uma aplicação.
Selecione o ficheiro .zip que criou na pasta AppManifest e selecione Abrir.
Selecione Adicionar.

A secção Gerir aplicações apresenta a lista de aplicações.
Aceda à reunião do Teams.
Selecione Ícone da aplicação . Na página de seleção da aplicação, a aplicação é apresentada como Aplicação token de reunião.
Selecione Aplicação de Tokens de Reunião.
Selecione Salvar.

A aplicação está visível no chat da reunião.
Inicie a reunião.

O ícone está visível na barra de controlo da reunião.

Observação

Quando trabalhar no seu próprio projeto, certifique-se de que utiliza um mecanismo de armazenamento durável para armazenar as informações do token e o URL de serviço do inquilino.