Conceder permissão de dispositivo de guia
O aplicativo 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 tratava de como conceder permissões de acesso, mas agora essas permissões são tratadas no Microsoft Teams.
Este guia passo a passo ajuda você a conceder permissão de dispositivo tab no Teams. Você verá a seguinte saída:
Pré-requisitos
Instale as seguintes ferramentas e configure seu ambiente de desenvolvimento:
Microsoft Teams com uma conta válida
Conta de desenvolvedor do Microsoft 365 ou acesso à conta do Teams com as permissões apropriadas para instalar um aplicativo
Versão mais recente do ngrok (somente para teste de devbox) ou qualquer solução de túnel equivalente
Observação
Depois de baixar o ngrok, inscreva-se e instale o authtoken.
Configurar o ambiente local
Selecione Código.
No menu suspenso, selecione Abrir com o GitHub Desktop.
Selecione Clonar.
Configurar o 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 em execução 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 ngrok http -host-header=localhost 3000 comando.
Configurar o arquivo de manifesto
Navegue até manifest.json no repositório clonado.
Abra manifest.json no Visual Studio e faça as seguintes alterações:
Substitua
<<BASE_URI_DOMAIN>>pelo ponto de extremidade http do ngrok, excluindo https:// parte em todos os locais.
Compilar e executar o aplicativo cliente usando npm
No repositório clonado, navegue até exemplos > tab-device-permissions > nodejs.
Copie o caminho da pasta nodejs .
Abra uma nova janela do Prompt de Comando, altere o diretório atual para o caminho 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 guia ao Teams
No repositório clonado, navegue até amostras > tab-device-permissions > nodejs > appPackage.
Crie um .zip com os seguintes arquivos que estão presentes na pasta appPackage :
- manifest.json
- icon-outline.png
- icon-color.png
Vá para o Microsoft Teams.
Selecione Aplicativos.
No canto inferior esquerdo, selecione Gerenciar seus aplicativos.
Selecione Fazer o upload de um aplicativo personalizado.
Selecione Abrir para carregar o .zip que você criou na pasta appPackage .
Selecione Adicionar.
Selecione a guia Permissão do Dispositivo para ver a seguinte saída:
Testar seu aplicativo
Para garantir que o aplicativo de permissão do dispositivo guia permita que o usuário concda a permissão, você deve testar o aplicativo depois de carregar o aplicativo com êxito no Teams.
Para testar o aplicativo na área de trabalho, selecione o ícone de Permissão do Aplicativo para permitir o acesso às solicitações de permissão:
Desafio completo
Você conseguiu algo assim?
Parabéns!
Você concluiu o tutorial e agora pode conceder permissão de dispositivo guia no Teams.
Tem algum problema com essa seção? Se tiver, envie seus comentários para que possamos melhorar esta seção.