Conceder permissão de dispositivo de guia
O aplicativo do Microsoft Teams que requer permissões de dispositivo, como localização, câmera ou acesso ao microfone, agora exige que os usuários concedam permissão manualmente no navegador da Web. Anteriormente, o navegador manipulava como conceder permissões de acesso, mas agora essas permissões são tratadas no Teams.
Este guia passo a passo ajuda você a conceder permissão de dispositivo de guia no Teams. Você pode ver a seguinte saída:
Pré-requisitos
Certifique-se de instalar as seguintes ferramentas e configurar seu ambiente de desenvolvimento:
| Instalar | Para usar... | |
|---|---|---|
| Microsoft Teams | O Microsoft Teams para colaborar com todos com quem você trabalha por meio de aplicativos para chat, reuniões e chamadas em um só lugar. | |
| Conta de desenvolvedor do Microsoft 365 | Acesso à conta do Teams com as permissões apropriadas para instalar um aplicativo. | |
| Visual Studio 2022 | Você pode instalar a versão corporativa no Visual Studio 2022 e instalar as cargas de trabalho ASP.NET e desenvolvimento da Web. Use a versão mais recente. | |
| Node e npm | 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. | |
| ngrok | Os recursos do aplicativo Teams (bots de conversa, extensões de mensagem e webhooks de entrada) exigem conexões de entrada. Um túnel conecta seu sistema de desenvolvimento ao Teams. Não é necessário para aplicativos que incluem apenas guias. Esse pacote é instalado no diretório do projeto (usando npm devDependencies). |
Observação
Depois de baixar o ngrok, inscreva-se e instale authtoken.
Configurar o ambiente local
Selecione Código. No menu suspenso, selecione Abrir com o GitHub Desktop.
Selecione Clonar.
Configurar túnel para o servidor Web local
Use o ngrok ou o Prompt de Comando para criar um túnel para os pontos de extremidade HTTPS disponíveis publicamente do servidor Web localmente. Execute o seguinte comando no ngrok:
ngrok http --host-header=localhost 3000
Dica
Se você encontrar ERR_NGROK_4018, siga as etapas, conforme exibido no Prompt de Comando para se inscrever e autenticar o ngrok. Em seguida, execute o comando ngrok http --host-header=localhost 3000.
Configurar o arquivo de manifesto
Vá para o arquivo manifest.json no repositório clonado.
Abra manifest.json arquivo no Visual Studio e faça as seguintes alterações:
Substitua
<<BASE_URI_DOMAIN>>pela URL do ngrok emwebsiteUrl,privacyUrl, econtentUrltermsOfUseUrl.Substitua
<<BASE_URI_DOMAIN>>por sua URL ngrok, excluindohttps://emvalidDomains.
Criar e executar o aplicativo cliente usando o npm
No repositório clonado, acesse exemplos> denodejs>tab-device-permissions.
Copie o caminho da pasta nodejs .
Abra uma nova janela prompt de comando , altere o diretório atual para o caminho de nodejs copiado.
Execute o seguinte comando no Prompt de Comando para baixar pacotes e dependências:
npm installExecute o seguinte comando no Prompt de Comando para iniciar o aplicativo:
npm start
Você pode ver a seguinte saída no navegador:
Adicionar permissão de dispositivo de guia ao Teams
No repositório clonado, acesse exemplos>de nodejs tab-device-permissions>>appPackage.
Crie um arquivo .zip com os seguintes arquivos presentes na pasta appPackage :
- manifest.json
- outline.png
- color.png
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, o upload de aplicativo personalizado estará habilitado.
Observação
Entre em contato com o administrador do Teams, se você não encontrar a opção de carregar um aplicativo personalizado.
Selecione Abrir para carregar o arquivo .zip que você criou na pasta appPackage .
Selecione Adicionar.
Selecione Guia permissão do dispositivo para ver a seguinte saída:
Testar seu aplicativo
Depois de carregar o aplicativo com êxito no Teams, você deve testar o aplicativo para garantir que o aplicativo de permissão do dispositivo de guia permita que o usuário conceda a permissão.
Selecione Ícone permissão do aplicativo para testar o aplicativo na área de trabalho.
A janela Tab Device Permission aparece para permitir o acesso às solicitações de permissão.
Desafio completo
Você veio com algo assim?
Parabéns!
Você concluiu o tutorial e agora pode conceder permissão de dispositivo de guia no Teams.
Tem algum problema com essa seção? Se tiver, envie seus comentários para que possamos melhorar esta seção.
Comentários
Em breve: Ao longo de 2024, eliminaremos os problemas do GitHub como o mecanismo de comentários para conteúdo e o substituiremos por um novo sistema de comentários. Para obter mais informações, consulte https://aka.ms/ContentUserFeedback.
Enviar e exibir comentários de