Compartilhar via

Conversar sobre seus dados corporativos em um aplicativo do Teams

Os aplicativos no Microsoft Teams promovem a colaboração permitindo que os usuários trabalhem onde se comunicam e colaboram. Uma maneira de tornar os aplicativos colaborativos é adicionando a capacidade de ter uma conversa sobre seu aplicativo ou os dados no aplicativo. As equipes são o lugar certo para ter essas conversas.

Por exemplo, no Perfil + modelo de aplicativo de exemplo do Teams, ao selecionar um ou mais cartões de perfil no aplicativo, você pode iniciar uma conversa com as pessoas selecionadas diretamente no Teams.

Você também pode querer usar esse recurso para seus aplicativos. Por exemplo, se você estiver criando um monitor de oportunidade de vendas para o gerente de vendas revisar os próximas negociações, poderá adicionar um botão para o usuário conversar com o vendedor sobre a oportunidade.

Dessa forma, o Power Apps no Teams pode usar integração profunda com outros recursos do Teams para tornar os aplicativos colaborativos. Neste artigo, aprenderemos como podemos integrar o Power Apps com o Teams para facilitar as conversas.

Assista a este vídeo para aprender como configurar conversas sobre dados corporativos no aplicativo Teams:

Pré-requisitos

Para concluir esta lição, precisaremos da capacidade de criar aplicativos no Teams que estarão disponíveis como parte da seleção de assinaturas do Microsoft 365.

Entrar no Teams

Entrar no Teams usando o aplicativo Desktop ou o aplicativo Web

Criar uma equipe

Nesta seção, criaremos uma nova equipe do Teams e, em seguida, criaremos um aplicativo dentro dessa equipe. Ignore esta seção se você já tem uma equipe que deseja usar.

  1. Para criar uma nova equipe, selecione a guia Teams e, em seguida, selecione Ingressar em ou criar uma equipe na parte inferior esquerda da tela.

  2. Selecione Criar Equipe>Do zero>Público, dê à equipe um nome como "Integração de chamadas e reuniões" e selecione Criar.

  3. (Opcional) Se houver membros na sua organização que você gostaria de adicionar à equipe para fins de teste, selecione-os e adicione-os na pop-up de adição de membros.

  4. Selecione Fechar.

A nova equipe é criada e listada na guia Teams.

Criar um novo aplicativo

Vamos criar um aplicativo em que o usuário pode iniciar uma conversa para uma determinada equipe e um canal, selecionando um botão e digitando uma mensagem em uma caixa de texto. O usuário poderá selecionar o botão Enviar para postar a mensagem na equipe e no canal determinado no Teams e, em seguida, outro usuário poderá entrar na conversa.

  1. Abra o Teams.

  2. Selecione Power Apps no painel esquerdo.

  3. Selecione + Novo aplicativo em Aplicativos recentes.

  4. Selecione a equipe criada anteriormente e, em seguida, selecione Criar.

    O aplicativo é criado e o Power Apps Studio abre para permitir a edição do aplicativo.

  5. Digite um nome para o aplicativo, como "Aplicativo de conversa" e selecione Salvar.

    O aplicativo é criado com uma galeria padrão na Tela 1.

Adicionar o Teams como um conector

Precisamos adicionar o Teams como um conector para o aplicativo, pois queremos ser capazes de acessar as equipes e os canais da conta do usuário conectado.

  1. Selecione Dados no painel esquerdo.
  2. Selecione + Adicionar dados e, em seguida, selecione Conectores.
  3. Role para baixo e selecione Ver todos os conectores.
  4. Pesquise e selecione o conector do Teams.

Adicionar uma nova tabela para capturar o registro da empresa

Precisamos adicionar uma tabela para manter uma lista de empresas que usaremos como registro da empresa e para iniciar uma conversa sobre isso.

  1. Selecione Dados no painel esquerdo.

  2. Selecione + Adicionar dados e, em seguida, crie uma tabela com o nome "Empresa" e o nome no plural "Empresas".

  3. Adicione alguns nomes de empresas à tabela e selecione Fechar.

Adicionar uma nova tela para selecionar o cliente

A seguir, adicionaremos uma tela ao aplicativo para que os usuários possam selecionar o cliente sobre o qual desejam conversar.

  1. Na visualização em árvore, selecione + Nova tela> escolha a guia Cenário> escolha Lista.

    Uma nova tela é adicionada com uma lista de galeria.

  2. Atualize o título da galeria para "Lista de empresas".

  3. Selecione Empresas como a fonte de dados para a galeria.

    A lista de empresas que foi adicionada aparece na galeria TemplateGalleryList1.

  4. Exclua Screen1 na visualização em árvore e renomeie a nova tela para Screen1.

Adicionar uma nova tabela para capturar os detalhes da conversa

Precisamos adicionar outra tabela para capturar os detalhes, como ID de conversa do Teams, equipe e canal relacionado a uma conversa iniciada no aplicativo.

  1. Selecione Dados>+ Adicionar dados>Criar uma tabela.

  2. Insira o nome da tabela como Conversa e o nome plural como Conversas.

  3. Altere o nome padrão da coluna Nome para ID.

  4. Adicione as colunas a seguir à tabela Conversa:

    Column Tipo
    Equipe Texto
    Canal da Equipe Texto
    Nome da Equipe Texto
    Nome do Canal Texto
    Empresa Pesquisa, tabela relacionada = Empresa

  5. Salve e feche a tabela.

Adicionar uma nova tela para iniciar ou entrar em uma conversa

Agora, vamos adicionar uma nova tela onde o usuário do aplicativo pode iniciar ou entrar em uma conversa.

  1. Na visualização em árvore, selecione + Nova tela>Layout em branco.

  2. Atualize a propriedade Preencher da tela para algo diferente da cor branca.

    Em nosso exemplo, definimos a propriedade Preencher da tela como RGBA(224, 224, 237, 1).

  3. Selecione + (Inserir) >Entrada>Botão.

  4. Atualize as seguintes propriedades do botão.

    Propriedade Valor
    Name startaconversation_Button
    Texto "Iniciar uma conversa"
    Espessura 200
    Height 32
    Tamanho da fonte 12
    X Parent.Width/2 - startaconversation_Button.Width/2
    N 100
    OnSelect Set(enterMessage,true)

  5. Selecione + (Inserir) >Entrada>Caixa de combinação.

  6. Atualize as seguintes propriedades da Caixa de combinação.

    Propriedade Valor
    Name team_Combobox
    Itens MicrosoftTeams.GetAllTeams().value
    Largura 320
    Altura 32
    X Parent.Width/2 - team_ComboBox.Width/2
    Y 200
    Texto "Equipe"
    Dica de Ferramenta "Equipe"
    Visível enterMessage

  7. Adicione outra caixa de combinação e atualize as propriedades a seguir.

    Propriedade Valor
    Name channel_Combobox
    Itens If(!IsBlank(team_ComboBox.Selected.id),MicrosoftTeams.GetChannelsForGroup(team_ComboBox.Selected.id).value)
    Largura 320
    Altura 32
    X Parent.Width/2 - channel_ComboBox.Width/2
    Y 200
    Texto "Canal"
    Dica de Ferramenta "Canal"
    Visível enterMessage

  8. Selecione + (Inserir) >Entrada>Caixa de texto.

  9. Atualize as propriedades a seguir da Caixa de texto.

    Propriedade Valor
    Name message_TextBox
    Valor ""
    Largura 500
    Altura 180
    X Parent.Width/2 - message_TextBox.Width/2
    Y 300
    Espaço reservado Digitar a mensagem aqui
    Visível enterMessage

  10. Selecione + (Inserir) >Entrada>Botão.

  11. Atualize as seguintes propriedades do botão.

    Propriedade Valor
    Name submit_Button
    Valor "Enviar"
    Largura 96
    Altura 32
    Tamanho da fonte 12
    X Parent.Width/2 - submit_Button.Width/2
    Y 500
    Visível enterMessage

  12. Copie a fórmula a seguir no evento OnSelect do botão.

    Patch(Conversations,Defaults(Conversations),{ID:MicrosoftTeams.PostMessageToChannelV3(team_ComboBox.Selected.id,channel_ComboBox.Selected.id,{content:message_TextBox.Value,contentType: "text"},{subject:"New conversation"}).id,Team:team_ComboBox.Selected.id,'Team Channel':channel_ComboBox.Selected.id, 'Team Name':team_ComboBox.Selected.displayName,'Channel Name':channel_ComboBox.Selected.displayName, Company: TemplateGalleryList1.Selected}); Set(enterMessage,false); Reset(team_ComboBox);Reset(channel_ComboBox);Reset(message_TextBox)

    Observação

    • Na fórmula acima, estamos usando a função Patch para criar uma linha na tabela Conversas para capturar o ID da conversa junto com a equipe, o nome da equipe, o canal e o canal que veio. Ao mesmo tempo, também estamos postando uma mensagem na equipe e no canal apropriados usando a função PostMessageToChannelV3. Em seguida, definimos a variável enterMessage novamente como "false" para ocultar alguns dos campos e botões cuja visibilidade depende desta variável.
    • O assunto é codificado para "Nova conversa" a fim de manter o aplicativo simples e não adicionar outro controle de caixa de texto para captura. No entanto, uma caixa de texto pode ser adicionada para o assunto na tela e pode ser capturada pelo usuário. Essa fórmula precisará ser ajustada de acordo para fazer referência a esse controle. A função Redefinir não funciona para o controle Caixa de combinação de IU do Fluent. Isso é necessário para que nenhuma equipe ou canal seja selecionado após a postagem da mensagem.

  13. Selecione + (Inserir) >Entrada>Botão.

  14. Atualize as seguintes propriedades do botão.

    Propriedade Valor
    Name joinconversation_Button
    Texto "Participar da conversa"
    Largura 200
    Altura 32
    Tamanho da fonte 12
    X Parent.Width/2 - submit_Button.Width/2
    Y 500
    Visível enterMessage

  15. Copie a fórmula a seguir no evento OnSelect do botão.

    Launch(Concatenate("msteams://teams.microsoft.com/l/message/",Last(Sort(Conversations, 'Created On', Ascending)).'Team Channel',"/",Gallery1.Selected.etag,"?tenantId=",Param("tenandId"),"&groupId=",Last(Sort(Conversations, 'Created On', Ascending)).Team,"&parentMessageId=",LookUp(MicrosoftTeams.GetMessagesFromChannel(Last(Sort(Conversations, 'Created On', Ascending)).Team,Last(Sort(Conversations, 'Created On', Ascending)).'Team Channel').value,id = Last(Sort(Conversations, 'Created On', Ascending)).Team).etag,"&teamName=",Last(Sort(Conversations, 'Created  On', Ascending)).'Team Name',"&channelName=",Last(Sort(Conversations, 'Created On', Ascending)).'Channel Name'),{},LaunchTarget.New)

    Observação

    • Na fórmula acima, estamos usando a função Iniciar para iniciar o Teams usando os parâmetros de equipe e canal do último registro que foi criado na tabela Conversas. Estamos fazendo isso para que, quando um usuário iniciar uma conversa e enviar uma mensagem para postar em um canal, o usuário possa selecionar o botão Participar da conversa para ir diretamente para a postagem no Teams.
    • Estamos usando a última função aqui para manter o processo simples. Se você pretende usar este aplicativo de forma mais ampla e ter várias conversas, poderá ser criativo usar uma galeria de conversas e permitir que o usuário selecione a conversa da qual deseja participar.*

A seguir, vamos atualizar a propriedade OnSelect da galeria da empresa para que, quando um usuário selecionar uma empresa da lista, o aplicativo vá para a segunda tela.

  1. Selecione Screen1 na visualização em árvore para abrir a galeria Empresas.

  2. Defina a propriedade OnSelect do item da galeria como Navigate(Screen2).

Salve e publique o aplicativo

  1. Selecione Salvar no canto superior direito para salvar o aplicativo.

  2. Selecione Publicar no canto superior direito para publicar o aplicativo.

  3. Selecione Avançar.

  4. Em Adicionar ao Canal, verifique se o canal sob o qual o aplicativo deve ser exibido está listado e mostra "1 guia(s) ativa(s)" e não "0 guia(s) ativa(s)".

  5. Selecione Salvar e Fechar para concluir a publicação do aplicativo.

Testando o aplicativo

Execute o aplicativo no modo de versão preliminar ou vá para a equipe em que o aplicativo foi criado.

  1. A galeria Empresas deve aparecer como a primeira tela.

  2. Selecione uma das empresas.

  3. É necessário ver apenas dois botões: Iniciar uma conversa e Participar de uma conversa.

  4. Selecione Iniciar uma conversa.

  5. Campos adicionais devem aparecer:

    • Equipe (lista suspensa com uma lista de equipes)
    • Canal (lista suspensa de canais da equipe selecionada)
    • Caixa de mensagem (caixa de texto para digitar a mensagem a ser enviada para a equipe)
    • Botão Enviar (para enviar a mensagem)

  6. Selecione uma equipe.

  7. Selecione um canal dentro da equipe.

  8. Insira a mensagem.

  9. Selecione Enviar. Todos os campos/controles adicionais são ocultados.

  10. Selecione Participar da conversa para ser levado à conversa da equipe e do canal de onde foi enviada a última mensagem.

    Testando o aplicativo