Compartilhar via


Criar um aplicativo para recuperar vídeos do Power Platform para preparação

Neste tutorial, você criará uma solução que recupera, lista e exibe conteúdo que pode ser usado para preparação.

Aplicativo Biblioteca de Vídeos.

Objetivo

O foco deste tutorial será encontrar, recuperar, navegar e reproduzir conteúdo de vídeo disponível no YouTube ou em Feeds RSS com arquivos de vídeo MP4. Ele monitorará continuamente esses canais e feeds em busca de novo conteúdo e enviará uma mensagem a uma equipe específica da Microsoft quando um novo conteúdo estiver disponível.

Os canais e feeds no tutorial se concentrarão em conteúdo do Power Platform, mas que poderá ser facilmente usado para outros tópicos.

Neste tutorial, você usará:

  • O Power Apps para criar o aplicativo para especificar os canais do YouTube e os feeds RSS.
  • O Power Automate para recuperar informações sobre vídeos novos e existentes.
  • O Microsoft Dataverse for Teams para criar tabelas para armazenar as informações do feed e de vídeo.
  • O Power Automate para enviar uma mensagem ao Microsoft Teams quando um novo vídeo for entregue.

Pré-requisitos

  • Identifique uma Equipe Microsoft existente ou crie uma Equipe Microsoft para a qual você criará seu aplicativo.

  • Identifique um canal existente ou crie um canal no Microsoft Teams para postar as mensagens enviadas, para especificar que um novo vídeo foi recuperado.

Se você não estiver familiarizado com a maneira como criar uma Equipe ou um canal em uma Equipe, consulte Criar um canal no Teams.

Neste tutorial, usaremos um canal chamado "Preparação".

Etapa 1: instalar e fixar o Power Apps no Teams

Nesta seção, você instalará o aplicativo do Power Apps no Teams e o fixará na barra esquerda para que possa acessá-lo facilmente. Para saber como instalar e fixar o aplicativo Power Apps, consulte Instalar o aplicativo pessoal do Power Apps no Microsoft Teams.

Se já tiver instalado e fixado o aplicativo do Power Apps, você poderá pular para a próxima etapa.

Etapa 2: Criar o aplicativo e as tabelas

Nesta seção, você executará as etapas iniciais para criar o aplicativo.

  1. Selecione o aplicativo Power Apps.

  2. Selecione a guia Compilar, na parte superior da tela.

  3. Selecione Criar exibido no canto inferior esquerdo da tela.

    Esta ação exibirá a caixa de diálogo Criar um aplicativo.

  4. Selecione o nome da equipe na lista suspensa e selecione Criar.

    Crie um aplicativo.

    Observação

    Se esta é a primeira vez que você tenta criar um aplicativo nesta equipe do Microsoft Teams, levará um tempo para que a configuração seja concluída.

  5. Quando for solicitado o nome do aplicativo, insira Biblioteca de Vídeos e selecione Salvar.

Etapa 2.1: Criar a tabela para os feeds

Nesta seção, você criará uma tabela para armazenar os nomes e detalhes dos feeds que serão usados pelo aplicativo.

  1. Selecione Criar tabela no lado esquerdo da tela.

  2. Quando for solicitado o nome da tabela, insira Feeds.

  3. Selecione Criar.

Etapa 2.1.1: Editar a coluna Nome

  1. No editor visual, selecione o menu suspenso para a coluna Nome e, em seguida, selecione Editar coluna.

  2. Altere o nome para Título.

  3. Selecione Opções avançadas e altere o valor de Tamanho máximo para 255.

  4. Selecione Salvar.

Etapa 2.1.2: Criar a coluna Descrição

  1. Selecione + para criar uma nova coluna.

  2. Especifique o nome como Descrição.

  3. Em Tipo, selecione Texto na lista.

  4. Selecione Opções avançadas e altere o valor de Tamanho máximo para 255.

  5. Selecione Criar.

  1. Selecione + para criar uma nova coluna.

  2. Especifique o nome como Link da Imagem.

  3. Em Tipo, selecione URL na lista.

  4. Selecione Opções avançadas e altere o valor de Tamanho máximo para 255.

  5. Selecione Criar.

Etapa 2.1.4: Criar a coluna Título da Imagem

  1. Selecione + para criar uma nova coluna.

  2. Especifique o nome como Título da Imagem.

  3. Em Tipo, selecione Texto na lista.

  4. Selecione Opções avançadas e altere o valor de Tamanho máximo para 255.

  5. Selecione Criar.

Etapa 2.1.5: Criar a coluna Última Recuperação

  1. Selecione + para criar uma nova coluna.

  2. Especifique o nome como Última Recuperação.

  3. Em Tipo, selecione Texto na lista.

  4. Selecione Criar.

  1. Selecione + para criar uma nova coluna.

  2. Especifique o nome como Link.

  3. Em Tipo, selecione URL na lista.

  4. Selecione Opções avançadas e altere o valor de Tamanho máximo para 255.

  5. Selecione Criar.

Etapa 2.1.7: Criar a coluna Publicado em

  1. Selecione + para criar uma nova coluna.

  2. Especifique o nome como Publicado em.

  3. Em Tipo, selecione Texto na lista.

  4. Selecione Criar

Etapa 2.1.8: Adicionar uma linha

No editor visual, adicione uma linha para a Microsoft exibir "#LessCodeMorePower" que será usada nos testes.

Title #LessCodeMorePower (HD) - Canal 9
Descrição Mostra tudo sobre o Power Apps. Saiba mais aqui!
Link da Imagem https://sec.ch9.ms/content/feedimage.png
Título da Imagem #LessCodeMorePower (HD) - Canal 9
Link https://s.ch9.ms/Shows/Less-Code-More-Power/feed/mp4high

Observação

Deixe a coluna Publicado em vazia.

O editor visual deve ser semelhante à imagem abaixo.

Editor visual.

Selecione Fechar para fechar o editor visual.

A tela criada automaticamente no aplicativo, chamada Screen1, deve associar-se automaticamente à tabela, exibindo os campos na tabela e o registro que você adicionou.

A tela deve ser semelhante à imagem abaixo.

Tela criada no aplicativo.

Etapa 2.2: Criar a tabela para os items do feed

Nesta seção, você criará uma tabela para armazenar os detalhes dos vídeos armazenados nos itens do feed para o canal do YouTube ou o feed RSS.

  1. Selecione Adicionar dados no lado esquerdo da tela.

  2. Selecione Criar nova tabela.

    Crie uma nova tabela.

  3. Quando for solicitado o nome da tabela, insira Itens do Feed.

Etapa 2.2.1: Editar a coluna Nome

  1. No editor visual, selecione o menu suspenso para a coluna Nome e, em seguida, selecione Editar coluna.

  2. Altere o nome para ID do Item do Feed.

  3. Selecione Opções avançadas e altere o valor de Tamanho máximo para 255.

  4. Selecione Salvar.

Etapa 2.2.2: Criar a coluna Feed

  1. Selecione + para criar uma nova coluna.

  2. Especifique o nome como Feed.

  3. Em Tipo, selecione Pesquisar na lista.

  4. Para a tabela, selecione Feeds na lista

  5. Selecione Criar.

Etapa 2.2.3: Criar a coluna Título

  1. Selecione + para criar uma nova coluna.

  2. Especifique o nome como Título.

  3. Em Tipo, selecione Texto na lista.

  4. Selecione Opções avançadas e altere o valor de Tamanho máximo para 255.

  5. Selecione Criar.

Etapa 2.2.4: Criar a coluna Descrição

  1. Selecione + para criar uma nova coluna.

  2. Especifique o nome como Descrição.

  3. Em Tipo, selecione Texto na lista.

  4. Selecione Opções avançadas e altere o valor de Tamanho máximo para 2500.

  5. Selecione Criar.

  1. Selecione + para criar uma nova coluna.

  2. Especifique o nome como Link de Feed Principal.

  3. Em Tipo, selecione URL na lista.

  4. Selecione Opções avançadas e altere o valor de Tamanho máximo para 255.

  5. Selecione Criar.

  1. Selecione + para criar uma nova coluna.

  2. Especifique o nome como Link do Vídeo.

  3. Em Tipo, selecione URL na lista.

  4. Selecione Opções avançadas e altere o valor de Tamanho máximo para 255.

  5. Selecione Criar.

Etapa 2.2.7: Criar a coluna Publicado em

  1. Selecione + para criar uma nova coluna.

  2. Especifique o nome como Publicado em

  3. Em Tipo, selecione Texto na lista.

  4. Selecione Criar.

O editor visual deve ser semelhante à imagem abaixo.

Editor visual para tabela de itens do feed.

Selecione Fechar para fechar o editor visual.

Agora que você criou as tabelas necessárias, selecione Salvar no canto superior direito para salvar o aplicativo e fechar o Power Apps Studio.

Etapa 3: Criar fluxos para obter os detalhes do vídeo para feeds configurados

Nesta seção, você criará fluxos no Power Automate para recuperar vídeos para cada um dos feeds configurados. Esse fluxo monitorará os feeds RSS para a adição de novos vídeos, recuperará os detalhes dos vídeos e salvará esses detalhes no banco de dados.

Quando você tiver concluído esta seção, seu fluxo deve ser semelhante ao diagrama abaixo.

Fluxo inteiro — concluído.

Observação

O Power Automate tem um gatilho que permite detectar quando um novo item é adicionado a um feed individual. Ao acompanhar vários feeds, isso exigiria vários feeds e exigiria o mesmo número de fluxos para corresponder ao número de feeds. A abordagem adotada neste laboratório é mais complexa, mas com a vantagem de ter um único fluxo que oferece suporte a qualquer número de feeds configurados em um único fluxo.

Etapa 3.1: Criar o fluxo

  1. Selecione a guia Compilar.

  2. Na lista à esquerda, selecione o nome da equipe na qual você criou as tabelas anteriormente.

  3. Selecione Ver tudo na guia Criado por esta equipe.

  4. Selecione Novo.

  5. Selecione Fluxo>Agendado.

    Criar um fluxo agendado.

  6. Na caixa de diálogo Criar um fluxo agendado,

    1. Insira o nome como "Recuperar vídeos".

    2. Selecione Dia como a frequência.

    3. Selecione Criar.

    Criar um fluxo agendado.

Etapa 3.2: Adicionar e inicializar a ação variável

  1. Selecione Nova etapa.

  2. Insira Inicializar variável na caixa de pesquisa.

  3. Selecione a ação Inicializar variável.

  4. Insira o Link do Vídeo no campo Nome.

  5. Selecione Cadeia de Caracteres no menu suspenso para Tipo.

    Adicionar e inicializar a ação variável.

    Observação

    Não insira nenhum valor no campo Valor.

Etapa 3.3: Adicionar a ação Listar Registros

  1. Selecione Nova Etapa.

  2. Insira Microsoft Dataverse na caixa de pesquisa e selecione a ação chamada Listar registros.

  3. Selecione Feeds na propriedade Nome da entidade.

  4. Selecione as reticências (...) no cabeçalho da ação e selecione Renomear.

  5. Renomeie a ação como Obter lista de feeds a serem recuperados.

    Adicionar a ação Listar Registros.

Etapa 3.4: Adicionar a ação Hora atual

  1. Selecione Nova Etapa.

  2. Insira Data e Hora na caixa de pesquisa e selecione a ação chamada Hora atual.

    Adicionar a ação Hora atual.

Etapa 3.5: Adicionar a ação Aplicar a cada

  1. Selecione Nova Etapa.

  2. Insira Aplicar a cada na caixa de pesquisa e selecione a ação chamada Aplicar a cada.

  3. Selecione a caixa de texto em Selecionar a saída das etapas anteriores.

  4. Na lista Conteúdo dinâmico, role para baixo até a seção Obter lista de feeds a serem recuperados e selecione valor.

  5. Selecione as reticências (...) no cabeçalho da ação e selecione Renomear.

  6. Renomeie a ação como Percorrer cada um dos feeds no banco de dados.

    Adicionar a ação Aplicar a cada.

Etapa 3.6: Adicionar a ação Listar todos os itens do feed RSS

  1. Selecione Adicionar uma ação.

  2. Insira RSS na caixa de pesquisa e selecione a ação chamada Listar todos os itens do feed RSS.

  3. Selecione a caixa da propriedade A URL do feed RSS.

  4. Na lista Conteúdo dinâmico, role para baixo até a seção Obter lista de feeds a serem recuperados e selecione Link.

  5. Selecione a caixa da propriedade desde e selecione Última Recuperação.

    Adicionar a ação Listar todos os itens do feed RSS.

Etapa 3.7: Adicionar a ação Aplicar a cada

  1. Selecione Adicionar uma ação.

  2. Insira Aplicar a cada na caixa de pesquisa e selecione a ação chamada Aplicar a cada.

  3. Selecione a caixa de texto em Selecionar a saída das etapas anteriores.

  4. Na lista Conteúdo dinâmico, role para baixo até a seção chamada Listar todos os itens do feed RSS e selecione corpo.

  5. Selecione as reticências (...) no cabeçalho da ação e selecione Renomear.

  6. Renomeie a ação como Percorrer cada um dos itens no feed desde a última recuperação.

    Percorrer cada um dos itens no feed desde a última recuperação.

Etapa 3.8: Adicionar a ação Aplicar a cada

  1. Selecione Adicionar uma ação em Percorrer cada um dos itens no feed desde a última recuperação.

  2. Insira Aplicar a cada na caixa de pesquisa e selecione a ação chamada Aplicar a cada.

  3. Selecione a caixa de texto em Selecionar a saída das etapas anteriores.

  4. Na lista Conteúdo dinâmico, role para baixo até a seção chamada Listar todos os itens do feed RSS e selecione Links de feed.

  5. Selecione as reticências (...) no cabeçalho da ação e selecione Renomear.

  6. Renomeie a ação como Avaliar links para determinar se isso é o YouTube ou um vlog com um vídeo.

    Avaliar links para determinar se isso é o YouTube ou um Vlog com um vídeo.

Etapa 3.9: Adicionar a ação Condição

  1. Selecione Adicionar uma ação.

  2. Insira Condição na caixa de pesquisa e selecione a ação chamada Condição.

  3. Selecione a caixa de texto que contém o texto Escolher um valor.

  4. Na lista Conteúdo dinâmico que é exibida, role para baixo até a seção chamada Avaliar links para determinar se isso é o YouTube ou um vlog com um vídeo e selecione Item atual.

  5. Selecione o menu suspenso que mostra é igual a e selecione contém.

  6. Selecione o texto da caixa de texto Escolher um valor e insira o valor .mp4.

  7. Selecione as reticências (...) no cabeçalho da ação e selecione Renomear.

  8. Renomeie a ação como Verificar se há um link para um arquivo MP4.

    Verificar se há um link para um arquivo MP4.

  9. No caminho Se sim à esquerda , selecione Adicionar uma ação.

    1. Insira Definir variável na caixa de pesquisa e selecione a ação chamada Definir variável.

    2. Selecione Link do vídeo no menu suspenso para a propriedade Nome.

    3. Selecione a caixa de texto da propriedade Valor.

    4. Na lista Conteúdo dinâmico, role para baixo até a seção chamada Avaliar links para determinar se isso é o YouTube ou um vlog com um vídeo e selecione Item atual.

    5. Selecione as reticências (...) no cabeçalho da ação e selecione Renomear

    6. Renomeie a ação como Especificar se o Link do vídeo é o link para um arquivo MP4.

      Especificar se o Link do Vídeo é o link para um arquivo MP4.

  10. No caminho Se não à esquerda , selecione Adicionar uma ação.

    1. Insira Definir variável na caixa de pesquisa e selecione a ação chamada Definir variável.

    2. Selecione Link do Vídeo no menu suspenso para a propriedade Nome.

    3. Selecione a caixa de texto da propriedade Valor.

    4. Na lista Conteúdo dinâmico, role para baixo até a seção chamada Listar todos os itens do feed RSS e selecione Link de Feed Principal.

    5. Selecione as reticências (...) no cabeçalho da ação e selecione Renomear.

    6. Renomeie a ação como Especificar se o Link do vídeo é o Link de feed principal.

      Especificar se o Link do Vídeo é o Link de feed principal.

Selecione o cabeçalho da ação para mostrar o título de Avaliar links para determinar se isso é o YouTube ou um vlog com um vídeo.

Adicionar o link de feed principal.

Etapa 3.10: Adicionar a ação Criar um Registro

  1. Em Percorrer cada um dos itens no feed desde a última recuperação, selecione Adicionar uma ação.

  2. Digite Microsoft Dataverse na caixa de pesquisa e selecione a ação chamada Criar um novo registro.

  3. Selecione Itens do Feed na propriedade Nome da entidade.

  4. Na lista Conteúdo dinâmico, role para baixo até a seção chamada Listar todos os itens do feed RSS e selecione ID do Feed.

  5. Selecione a caixa de texto ao lado de ID do Item de Campo.

  6. Selecione o link Mostrar opções avançadas na ação para exibir todos os campos da tabela.

  7. Selecione a caixa de texto ao lado de Descrição.

  8. Na lista Conteúdo dinâmico, role para baixo até a seção chamada Listar todos os itens do feed RSS e selecione Resumo do feed.

  9. Selecione a caixa de texto ao lado de Feed (Feeds).

  10. Na lista Conteúdo dinâmico, role para baixo até a seção Obter lista de feeds a serem recuperados e selecione ID do OData.

  11. Selecione a caixa de texto ao lado de Link de Feed Principal.

  12. Na lista Conteúdo dinâmico, role para baixo até a seção chamada Listar todos os itens do feed RSS e selecione Link de Feed Principal.

  13. Selecione a caixa de texto ao lado de Publicado em.

  14. Na lista Conteúdo dinâmico, role para baixo até a seção chamada Listar todos os itens do feed RSS e selecione Feed publicado em.

  15. Selecione a caixa de texto ao lado de Título.

  16. Na lista Conteúdo dinâmico, role para baixo até a seção chamada Listar todos os itens do feed RSS e selecione Título do feed.

  17. Selecione a caixa de texto ao lado de Link do Vídeo.

  18. Na lista Conteúdo dinâmico, role para baixo até a seção Variáveis e selecione Link do Vídeo.

    Definir o link de feed principal.

Etapa 3.11: Adicionar a ação Definir Variável

  1. Selecione Adicionar ação após Criar um registro.

  2. Insira Teams na caixa de pesquisa e selecione a ação Postar uma mensagem (V3) (versão preliminar).

  3. No menu suspenso da propriedade Equipe, selecione a equipe para a qual enviar a mensagem.

  4. No menu suspenso da propriedade Canal, selecione o canal para o qual enviar a mensagem.

  5. Selecione o link Mostrar opções avançadas.

  6. Na propriedade Mensagem, crie uma mensagem com detalhes sobre o item. Um exemplo de mensagem é mostrado na imagem abaixo.

    Adicionar a ação Definir Variável.

Selecione o cabeçalho da ação para mostrar o título de Percorrer cada um dos itens desde a última recuperação.

Etapa 3.12: Adicionar a ação Atualizar Registro

  1. Na ação Percorrer cada um dos feeds no banco de dados, selecione Adicionar uma ação.

  2. Digite Microsoft Dataverse na caixa de pesquisa e selecione a ação Atualizar um registro.

  3. Selecione Feeds para o Nome da entidade.

  4. Selecione a caixa de texto ao lado de ID do Item.

  5. Na lista Conteúdo dinâmico, role para baixo até a seção Obter lista de feeds a serem recuperados e selecione Feeds.

  6. Selecione a caixa de texto ao lado de Título.

  7. Na lista Conteúdo dinâmico, role para baixo até a seção Obter lista de feeds a serem recuperados e selecione Título.

  8. Selecione o link Mostrar opções avançadas na ação para exibir todos os campos da tabela.

  9. Selecione a caixa de texto ao lado de Descrição.

  10. Na lista Conteúdo dinâmico, role para baixo até a seção Obter lista de feeds a serem recuperados e selecione Descrição.

  11. Selecione a caixa de texto ao lado de Link da Imagem.

  12. Na lista Conteúdo dinâmico, role para baixo até a seção Obter lista de feeds a serem recuperados e selecione Link da Imagem.

  13. Selecione a caixa de texto ao lado de Título da Imagem.

  14. Na lista Conteúdo dinâmico, role para baixo até a seção Obter lista de feeds a serem recuperados e selecione Título da Imagem.

  15. Selecione a caixa de texto ao lado de Última Recuperação.

  16. Na lista Conteúdo dinâmico, role para baixo até a seção Hora atual e selecione Hora atual.

  17. Selecione a caixa de texto ao lado de Link.

  18. Na lista Conteúdo dinâmico, role para baixo até a seção Obter lista de feeds a serem recuperados e selecione Link

  19. Selecione a caixa de texto ao lado de Publicado em.

  20. Na lista Conteúdo dinâmico, role para baixo até a seção Obter lista de feeds a serem recuperados e selecione Publicado em.

    Adicionar a ação Atualizar Registro.

Seu fluxo completo deve ser semelhante à seguinte imagem:

Fluxo concluído.

Etapa 3.13: Salvar o fluxo

  1. No lado superior direito da tela, selecione Salvar.

  2. Selecione a seta para trás no lado superior esquerdo.

  3. Selecione o fluxo Recuperar Vídeos.

  4. Selecione Executar na barra de comandos.

  5. No painel do lado direito da tela, selecione Executar fluxo.

  6. Selecione Concluído.

  7. Selecione o botão de atualização em Histórico de execuções de 28 dias para mostrar os detalhes da execução do fluxo.

    Fluxo de execução.

Se o fluxo não for exibido como com êxito, selecione Executar e exibirá a ação com falha com a mensagem de erro associada.

Etapa 4: Editar o aplicativo para adicionar a interface da biblioteca de vídeos

Nesta seção, você criará uma tela no aplicativo que permite a você e a outros membros da equipe navegar pelos vídeos, ver os detalhes dos vídeos e reproduzi-los diretamente no Teams.

Para começar a editar o aplicativo:

  1. Selecione o Power Apps na barra esquerda no Teams.

  2. Selecione a guia Compilar.

  3. No painel esquerdo, selecione o ambiente de equipe em que o aplicativo é criado.

  4. Em Criado por esta equipe*, selecione o aplicativo Biblioteca de Vídeo.

Agora crie uma tela e configure os controles da tela usando as etapas a seguir.

Etapa 4.1: Criar nova tela

  1. Selecione Exibição de árvore.

  2. Selecione Nova tela.

  3. Selecione o layout Em branco.

  4. Selecione + para começar a adicionar controles à tela.

Etapa 4.2: Adicionar o cabeçalho

  1. Insira Retângulo na caixa de pesquisa.

  2. Arraste o controle de retângulo para a tela.

  3. Defina as seguintes propriedades com estes valores:

    Propriedade Valor
    X 0
    Y 0
    Largura 1365
    Altura 60
    Cor Roxo

Etapa 4.3: Adicionar o rótulo do cabeçalho

  1. Insira Rótulo na caixa de pesquisa.

  2. Arraste o rótulo para a tela.

  3. Defina as seguintes propriedades com estes valores:

    Propriedade Valor
    Texto Biblioteca de Vídeos
    Modo de Exibição Exibir
    Tamanho da fonte 24
    X 576
    Y 0
    Largura 191
    Altura 61
    Cor Branco

Etapa 4.4: Adicionar um retângulo para o cabeçalho Lista de Vídeos

  1. Insira Retângulo na caixa de pesquisa.

  2. Arraste o controle de retângulo para a tela.

  3. Defina as seguintes propriedades com estes valores:

    Propriedade Valor
    X 0
    Y 61
    Largura 1365
    Altura 58
    Cor Roxo

Etapa 4.5: Adicionar um rótulo para o cabeçalho Lista de Vídeos

  1. Insira Rótulo na caixa de pesquisa.

  2. Arraste o rótulo para a tela.

  3. Defina as seguintes propriedades com estes valores:

    Propriedade Valor
    Texto Selecione um vídeo na na lista abaixo
    Modo de Exibição Exibir
    Tamanho da fonte 14
    X 39
    Y 74
    Largura 320
    Altura 32
    Cor Branco
  1. Insira Galeria Vertical na caixa de pesquisa.

  2. Arraste o rótulo para a tela.

  3. Defina as seguintes propriedades com estes valores:

    Propriedade Valor
    Nome Biblioteca de Vídeos
    Fonte de Dados Itens do Feed
    Layout Imagem, título e subtítulo
    X 0
    Y 119
    Largura 450
    Altura 649

Na exibição de árvore do lado esquerdo da tela, há três controles abaixo da Galeria de Vídeos com nomes que começam com Subtítulo, Título e Imagem.

Galeria da Biblioteca de Vídeos.

Etapa 4.6.1: Definir o subtítulo

  1. Selecione o controle que começa com Subtítulo.

  2. Selecione a propriedade Texto na lista de propriedades no canto superior esquerdo.

  3. Atualize o valor da propriedade para a seguinte fórmula:

    ThisItem.Feed.Description
    

Etapa 4.6.2: Definir o título

  1. Selecione o controle que começa com Título.

  2. Selecione a propriedade Texto na lista de propriedades no canto superior esquerdo.

  3. Atualize o valor da propriedade para a seguinte fórmula:

    ThisItem.Feed.Title
    

Etapa 4.6.3: Definir a imagem

  1. Selecione o controle que começa com Imagem.

  2. Selecione a propriedade Texto na lista de propriedades no canto superior esquerdo.

  3. Atualize o valor da propriedade para a seguinte fórmula:

    ThisItem.Feed.'Image Link'
    

Etapa 4.7: adicionar o plano de fundo para o item de feed

  1. Insira Retângulo na caixa de pesquisa.

  2. Arraste o controle de retângulo para a tela.

  3. Defina as seguintes propriedades com estes valores:

    Propriedade Valor
    X 451
    Y 61
    Largura 915
    Altura 707
    Cor Roxo

Etapa 4.8: adicionar o rótulo do cabeçalho do título do item de feed

  1. Insira Rótulo na caixa de pesquisa.

  2. Arraste o rótulo para a tela.

  3. Defina as seguintes propriedades com estes valores:

    Propriedade Valor
    Tamanho da fonte 18
    X 466
    Y 51
    Largura 883
    Altura 78
    Cor Branco
  4. Selecione a propriedade Texto na lista de propriedades no canto superior esquerdo.

  5. Defina o valor da propriedade Texto como a seguinte fórmula:

    'Video Library'.Selected.Title
    

Etapa 4.9: Adicionar um controle de vídeo

  1. Insira Vídeo na caixa de pesquisa.

  2. Arraste o controle de vídeo para a tela.

  3. Defina as seguintes propriedades com estes valores:

    Propriedade Valor
    X 450
    Y 129
    Largura 916
    Altura 523
  4. Selecione a propriedade Mídia na lista de propriedades no canto superior esquerdo.

  5. Defina o valor da propriedade Mídia como a seguinte fórmula:

    'Video Library'.Selected.'Video Link'
    

Etapa 4.10: Adicionar o controle de texto HTML da descrição do feed

  1. Insira Texto HTML na caixa de pesquisa.

  2. Arraste o controle de texto HTML para a tela.

  3. Defina as seguintes propriedades com estes valores:

    Propriedade Valor
    Tamanho da fonte 14
    X 458
    Y 651
    Largura 908
    Altura 82
    Cor Branco
  4. Selecione a propriedade HtmlText na lista de propriedades no canto superior esquerdo.

  5. Defina o valor da propriedade HtmlText como a seguinte fórmula:

    'Video Library'.Selected.Description
    

Etapa 4.11: Adicionar o rótulo Publicado em

  1. Insira Rótulo na caixa de pesquisa.

  2. Arraste o Rótulo para a tela.

  3. Defina as seguintes propriedades com estes valores:

    Propriedade Valor
    Tamanho da fonte 14
    X 1153
    Y 732
    Largura 213
    Altura 36
    Cor Branco
  4. Selecione a propriedade Texto na lista de propriedades no canto superior esquerdo.

  5. Defina o valor da propriedade Texto como a seguinte fórmula:

    Concatenate("Published On ",Text('Video Library'.Selected.'Published On'))
    

Etapa 4.12: Habilitar a alternância entre telas

Atualmente, existem duas telas separadas, mas não há como alternar entre elas. A possibilidade de alternar entre as telas será importante para permitir a adição de mais feeds.

Etapa 4.12.1: Adicionar o ícone de engrenagem

  1. Selecione Screen2.

  2. Selecione Adicionar ícone no painel de propriedades.

  3. Selecione o tipo de ícone de Configurações.

  4. Defina as seguintes propriedades com estes valores:

    Propriedade Valor
    X 1307
    Y 6
    Largura 48
    Altura 51
    Cor Branco
  5. Selecione a propriedade OnSelect na lista de propriedades no canto superior esquerdo.

  6. Defina o valor da propriedade OnSelect como a seguinte fórmula:

    Navigate(Screen1)
    

Etapa 4.12.2: Configurar o botão Voltar

  1. Selecione Screen1.

  2. Selecione Adicionar ícone no painel de propriedades.

  3. Selecione o tipo de ícone de Voltar.

  4. Defina as seguintes propriedades com estes valores:

    Propriedade Valor
    X 225
    Y 12
    Largura 32
    Altura 32
  5. Selecione a propriedade OnSelect na lista de propriedades no canto superior esquerdo.

  6. Defina o valor da propriedade OnSelect como a seguinte fórmula:

    Navigate(Screen2)
    

Quando você seleciona o ícone de engrenagem, o aplicativo agora mostra o formulário para editar a lista de feeds. Selecionar o botão Voltar levará você de volta à lista de vídeos.

Etapa 5: Testar o aplicativo

Antes de publicar o aplicativo para as equipes, é importante testar a funcionalidade principal.

Etapa 5.1: Testar o fluxo do Power Automate

  1. Execute o fluxo do Power Automate.

  2. Confirme se novos itens foram adicionados à tabela Itens do feed.

  3. Confirme se o fluxo postou novas mensagens para o Canal que você especificou ao configurar o aplicativo.

Etapa 5.2: Testar a funcionalidade do aplicativo

  1. Abra o aplicativo no Power Apps Studio.

  2. No lado superior direito da tela, selecione Visualizar.

  3. Selecione a lista de itens do feed na galeria à esquerda.

  4. Ao selecionar um item, confirme se o Título, a Descrição, a Data de Publicação e os detalhes do vídeo são exibidos.

  5. Selecione o vídeo e confirme se ele é reproduzido.

Etapa 5.3: Testar adições à tabela Feeds

  1. Adicione outro feed a tabela Feeds.

  2. Execute novamente o fluxo do Power Automate.

  3. Repita as etapas acima.

Etapa 6: Publicar o aplicativo

  1. Selecione o ícone Publicar no Teams no lado superior direito.

  2. Selecione Avançar.

  3. Selecione + próximo ao canal, como Preparação para adicionar ao aplicativo.

    Publique o aplicativo.

  4. Selecione Salvar e fechar.

Consultar também

Usar modelos de aplicativo de exemplo no Microsoft Teams