Estágio de reunião de compartilhamento no Teams
Compartilhar o estágio de reunião no Teams ajuda a habilitar e configurar seus aplicativos para reuniões do Teams. Ele ajuda os usuários a compartilhar o estágio de reunião, permitindo que os participantes adicionem status detalhes de tarefas passadas, presentes e futuras, aprimorando assim a experiência de reunião do Teams.
Principais recursos do estágio de reunião de compartilhamento no Teams
- Adicione status detalhes no painel lateral.
- Adicione detalhes para colaboração.
Este guia passo a passo ajuda você a compartilhar o estágio de reunião no Teams para adicionar status detalhes para colaboração. 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 | Microsoft Teams para colaborar com todos com quem você trabalha por meio de aplicativos para chat, reuniões e chamar tudo em um só lugar. | |
| 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.js 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. | |
| Túnel de desenvolvimento | Os recursos do aplicativo Teams (bots de conversa, extensões de mensagem e webhooks de entrada) precisam de conexões de entrada. Um túnel conecta seu sistema de desenvolvimento ao Teams. O túnel de desenvolvimento é uma ferramenta poderosa para abrir com segurança seu localhost para a Internet e controlar quem tem acesso. O túnel de desenvolvimento está disponível no Visual Studio 2022 versão 17.7.0 ou posterior. Ou você também pode usar o ngrok como um túnel para conectar 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.
Observação
Se você encontrar o nome de arquivo de erro por muito tempo, aplique o comando git config --system core.longpaths true git em seu terminal de administrador de escolha.
Configurar túnel para o servidor Web local
Create um túnel
Abra o Visual Studio.
Selecione Create um novo projeto.
Na caixa de pesquisa, insira ASP.NET. Nos resultados da pesquisa, selecione ASP.NET Core Aplicativo Web.
Selecione Avançar.
Insira o nome do projeto e selecione Avançar.
Selecione Criar.
Uma janela de visão geral é exibida.
Na lista suspensa de depuração, selecione Túneis de Desenvolvimento (nenhum túnel ativo)>Create um túnel....
Uma janela pop-up será exibida.
Atualize os seguintes detalhes na janela pop-up:
- Conta: insira uma conta Microsoft ou GitHub.
- Nome: insira um nome para o túnel.
- Tipo de túnel: na lista suspensa, selecione Temporário.
- Acesso: Na lista suspensa, selecione Público.
Clique em OK.
Uma janela pop-up aparece mostrando que o túnel de desenvolvimento foi criado com êxito.
Clique em OK.
Você pode encontrar o túnel que você criou na lista suspensa de depuração da seguinte maneira:
Selecione F5 para executar o aplicativo no modo de depuração.
Se uma caixa de diálogo Aviso de Segurança for exibida, selecione Sim.
Uma janela pop-up será exibida.
Selecione Continuar.
A página inicial do túnel de desenvolvimento é aberta em uma nova janela do navegador e o túnel de desenvolvimento agora está ativo.
Vá para o Visual Studio, selecione Exibir > Saída.
No menu suspenso Do console de saída , selecione Túneis de Desenvolvimento.
O console de saída mostra a URL do túnel de desenvolvimento.
Configurar o arquivo de manifesto
Vá para manifest.json na pasta node.js no repositório clonado.
Abra manifest.json no Visual Studio e faça as seguintes alterações:
- Substitua
<<TEAMS_APP_ID>>pela ID do aplicativo Microsoft do bot. - Substitua
<<TAB_DOMAIN>>pelo nome de domínio do túnel ngrok ou dev. - Substitua
<<VALID DOMAIN>>pelo nome de domínio do túnel ngrok ou dev.
- Substitua
Compilar e executar usando o npm
Em seu repositório clonado, vá para exemplosmeetings-stage-view>>nodejs.
Copie o caminho da pasta nodejs .
Abra uma nova janela prompt de comando e 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
Adicionar estágio de reunião ao Teams
No repositório clonado, vá para exemplos meetings-stage-view>> nodejs> appManifest.
Create um .zip com os seguintes arquivos presentes na pasta appManifest:
- manifest.json
- outline.png
- color.png
Create uma reunião com alguns apresentadores e participantes.
Depois que a reunião for criada, participe da reunião.
Acesse a página de detalhes da reunião e selecione o ícone Aplicativos para adicionar um aplicativo.
Na caixa de diálogo pop-up, selecione Gerenciar aplicativos.
Selecione Carregar um aplicativo.
Acesse exemplos meetings-stage-view>> nodejs> appManifest.
Selecione Abrir para carregar o arquivo .zip que você criou na pasta appManifest .
Selecione Adicionar.
Selecione Configurar uma guia.
A seção Gerenciar aplicativos exibe a lista de aplicativos.
Interagir com o aplicativo no Teams
Vá para a reunião do Teams.
Selecione Aplicativos.
Na página de seleção do aplicativo, o aplicativo App In Meeting é exibido.
Selecione o aplicativo App In Meeting .
Selecione Salvar.
O ícone está visível na janela de reunião.
Selecione + no Status do Sprint. Uma caixa de diálogo Detalhes de Status é exibida.
Insira Atribuído a e Descrição.
Selecione Adicionar.
Exibição do painel lateral do aplicativo:
Desafio completo
Você veio com algo assim?
Parabéns!
Você concluiu o tutorial para começar a compartilhar o estágio de reunião 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