Power Apps e Microsoft Flow – Como construir um aplicativo de forma simples e rápida

Publicado por Alan em

O Power Apps e o Microsoft Flow são ferramentas da Microsoft para você criar aplicações “Low Code” de forma bem simples e rápida, até para quem nunca programou. O Power Apps é a ferramenta de Front-end da aplicação que você vai montar, já o Flow, seria o Back-end. Caso você não esteja familiarizado com o conceito de Front-end e Back-end, relaxa que é bem simples. 

Front-end e Back-end 

Pense na sua aplicação como um relógio, ele tem botões pra você interagir com ele, tem um display que te mostra o que está acontecendo com ele, e também tem toda parte mecânica do relógio que faz ele funcionar de fato. 

Por mais que você só interaja com o display e os botões, o que está acontecendo por trás daquilo é essencial para o funcionamento do relógio, já que somente um display e botões não conseguem entregar o que você espera de um relógio. 

Então em resumo, o Front-end da aplicação é toda a parte que o usuário consegue interagir, como o display e os botões do relógio. Enquanto o Back-end é a parte que realmente faz o relógio funcionar e conseguir te dizer as horas. 

Mãos à obra 

Agora que já sabemos resumidamente o conceito de Front-end e Back-end, podemos finalmente criar uma aplicação e ver isso tudo funcionando na prática! 

Que tal criarmos uma aplicação simples de canal de comunicação? 

Power Apps

Primeiro vamos no Power Apps criar um novo aplicativo em branco. Eu decidi usar o formato de tablet para este exemplo, mas fique à vontade caso queira usar o formato de telefone. 

Vou fazer um layout bem simples, apenas com alguns inputs, e um botão para enviar os dados do formulário para o nosso Flow, que ainda vamos fazer. 

Parece bem simples até aqui, certo? Mas não está do jeito que eu quero ainda, parece um pouco desorganizado. 

Você pode agrupar e renomear os componentes da tela para organizar melhor sua aplicação. Confie em mim, fica bem mais fácil desenvolver com tudo bem organizado. Veja que também coloquei rótulos de texto para fazer as Labels dos Inputs de texto para melhorar a usabilidade.  

Agora vamos dar uma parada com o nosso Front-end no Power Apps para dar um pulinho no Flow e dizer qual fluxo será executado quando o botão de enviar for pressionado. 

Flow

Primeiro vou criar um Flow instantâneo que será disparado pelo Power Apps 

Agora, basta criar seu próprio Flow com o que você deseja que aconteça quando clicar no botão de envio no Power Apps. Eu vou enviar as informações que recebi para uma lista no Sharepoint e me enviar uma notificação por e-mail quando isso acontecer. 

Primeiro vou inicializar a variável do e-mail que foi preenchido no formulário e pedir essa informação para o Power Apps. Dessa forma, quando o Flow for chamado, ele irá pedir o E-mail como parâmetro. 

OBS.: Antes de clicar na opção de “Perguntar no PowerApps”, eu recomendo que você renomeie a caixa de inicializar variável para o mesmo nome da variável, pois este será o nome do parâmetro de entrada do Flow no Power Apps. Caso contrário, você pode acabar com uma variável com o nome parecido com esse: 

Finalizando

Após terminar o seu Flow, falta só você salvá-lo e adicioná-lo ao seu Power Apps. Para fazer isso, basta selecionar seu botão, clicar em Ações e Power Automate. Uma janela com todos seus flows disparados com Power Apps será aberta, aí basta selecionar qual você quer. 

 Agora que seu aplicativo Power Apps e seu Flow estão conectados, basta clicar em Play no canto superior direito e testar sua aplicação! 

Se tudo deu certo, basta salvar, publicar e se quiser, adicionar ao seu Teams de uma forma bem simples! Basta ir em sua lista de aplicativos do Power Apps, selecionar seu aplicativo e depois clicar em “Adicionar ao Teams”. Depois de baixar o ZIP do aplicativo, basta abrir seu aplicativo Teams, clicar em “Aplicativos”, depois clique na última opção “Carregar um aplicativo personalizado” e carregar o ZIP que você baixou anteriormente! 

Bom, por hoje é isso pessoal! Espero que eu tenha conseguido tirar todas as suas dúvidas! 


0 comentário

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

%d blogueiros gostam disto: