Enviando notificações push para meus aplicativos no Power Apps usando Power Automate

por Douglas Romão | 17 abr, 2019 | Microsoft 365, PowerApps, PowerBI

Olá Pessoal! Depois de um tempo sem conseguir postar (desculpas por isso 😦 ), venho trazer um post para vocês sobre como podemos enviar mensagens de push para um aplicativo no Microsoft Power Apps utilizando o Microsoft Power Automate para isso.

Um cenário muito bom para utilizarmos isso poderia ser quando precisamos enviar algum tipo de notificação para nossos usuários sobre alguma atividade que eles tem que desempenhar ou como resultado de alguma ação que foi solicitada e está acontecendo no background, após ela ser concluída.

No exemplo que quero demonstrar, vamos criar uma funcionalidade no SharePoint para que quando criarmos uma nova “Mensagem de push”, será enviada diretamente para nosso aplicativo.

Power Apps

A primeira coisa a fazermos é criarmos o nosso aplicativo no PowerApps, vamos criar um aplicativo simples só para testarmos:

Abra http://web.powerapps.com;

No menu esquerdo, vá em Apps;

No menu superior, vá em Create an app > Canvas;

Vamos criar uma app para celular começando do zero:

Por enquanto essa nossa App não precisa ter nada, então vamos no menu File > Save:

Pronto, aplicativo no PowerApps criado.

Microsoft SharePoint

Agora, vamos criar nossa base de dados, a aplicação que será responsável por criar o item de notificação de push para nosso aplicativo, nesse caso utilizaremos o SharePoint, mas esse é só um exemplo 🙂

Abra um portal SharePoint que você queira utilizar, no meu caso tenho um site no SharePoint de desenvolvimento.

Vamos criar uma nova Lista no SharePoint para ser o local onde nossas notificações de push serão criadas para serem enviadas, vá no menu New > List:

Vamos criar uma lista chamada Notificações de push:

Vamos usar a coluna Title padrão do SharePoint para ser a mensagem a ser enviada e vamos criar uma nova coluna para o usuário selecionar para quem essa mensagem de push deve ser enviada, clique em Add column > Person:

Vamos dar o nome de Para Quem? e vamos salvar:

Pronto, nosso SharePoint está pronto! Ao criar a lista já vamos ter as telas de criação, edição e remoção automaticamente — SharePoint é fera nisso! então nossa aplicação de entrada de dados está pronta, agora é irmos para o Flow e integrarmos tudo isso.

Power Automate

Agora, abra http://flow.microsoft.com;

Vá em My Flows:

Vamos criar um fluxo do zero, clique em New > Create from blank:

Vamos utilizar um dos triggers mais utilizados do Flow, o trigger “When an item is created” do SharePoint, ou seja, sempre que um novo item for criado em determinada lista, o Fluxo irá começar:

Vamos preencher as informações do trigger, selecione o site onde você criou a lista de Notificações de Push e também a lista:

Vamos adicionar um novo step que será executado logo após o fluxo iniciar, clique em New step:

Procure por “PowerApps”:

Rolando a página, você encontrará uma ação chamada “Send push notification”, ela está em preview ainda mas já conseguimos utilizá-la e é muito boa! Basta clicar na ação:

Uma informação importante: Infelizmente (ou felizmente) esse é um recurso Premium, então caso você não tenha licença premium ele irá te informar:

Caso sua conta esteja ok, você terá que configurar a ação de envio do push. Basicamente você tem que dar um nome para a Conexão (o que você quiser) e adicionar a url do seu aplicativo no PowerApps:

Para encontrar a Url do seu aplicativo, basta voltar para o PowerApps (https://web.powerapps.com/home ) > Apps;

Clique nos três pontos ao lado do seu aplicativo, e vá em Details:

Basta copiar o valor da url em Web Link e cole no Flow:

Clique em Create:

Agora você precisará configurar o envio da notificação:

Open App — parametrização para dizermos se a mensagem será exibida somente se o aplicativo estiver aberto ou se será exibida também se a app estiver fechada no celular do usuário (o padrão é mostrar em ambos)
Parameters — algum parâmetro que queiramos enviar, no nosso exemplo não utlizaremos isso;

Pronto, salve seu fluxo:

Estamos com tudo pronto! agora abra o aplicativo do PowerApps no seu celular, e faça login com a conta que configurou seu aplicativo, gravei um GIF rápido mostrando como testamos a aplicação (estou fazendo mirror do meu celular para demonstrar):

Pronto! Espero que tenham gostado, em breve teremos video sobre esse assunto e contem nos comentários sobre as experiências de vocês no uso desse recurso.

Até a próxima!

O que é o Microsoft Power Automate? — Um guia rápido

por Douglas Romão | 17 ago, 2018 | Automation, Business, Dicas, Microsoft Flow

O Microsoft Power Automate, nada mais é que uma plataforma criada pela Microsoft para o desenvolvimento de fluxos de negócios e que também pode ser utilizada para automatizações e integrações para tornar nosso dia a dia mais produtivo.

Mas… o que ele tem de tão atraente?

Um dos pontos que na minha opinião fazem o Microsoft Flow ser tão atraente e trazer tantas possibilidades novas, é o fato de que com alguns cliques e um pouquinho de lógica, podemos criar fluxos complexos e TOTALMENTE INTEGRADOS com diversos tipos de plataformas quase que sem NENHUMA LINHA DE CÓDIGO.

Really?

Sim! o Flow foi desenvolvido para dar mobilidade para desenvolvermos fluxos dos mais básicos aos mais complexos integrando plataformas das mais diversas possíveis em um só local.

CONECTORES… that’s the key!

Sim, conector é o nome dos milagres (hahah) criados pelo time do Microsoft Flow para fazer as integrações entre as diversas plataformas, fazendo com que economizemos muuuuuuuuuuuuuuuito esforço para desenvolver as integrações, entender das API’s e tudo mais.

Alguns dos conectores disponíveis

Por exemplo, usando somente 3 conectores disponíveis lá (dos mais de 200), com algumas configurações consigo fazer um fluxo que pegue uma postagem do Facebook, envie para o Azure Cognitive Services para ser processada e mandamos um e-mail utilizando o Gmail para um Cliente cadastrado no Microsoft Dynamics, simples e prático!

Tá bom, tá bom… mas e quanto eu pago por todas essas coisas?

Não é tanto assim, vai

Os preços vem mudando nos últimos meses, porém temos uma divisão de planos bem interessante, onde pode utilizar com nossa conta do Office 365 (muitas empresas já tem isso) e também com nossas contas Live (hotmail, outlook, live) para fluxos pessoais.

No meu canal do Youtube você também encontra alguns vídeos sobre o assunto:

Abaixo é uma playlist com alguns outros vídeos do meu canal.

https://www.youtube.com/watch?v=MpFaokx37WU&list=PLhNr-BWO36XnM1ZUErn_M2WWyqgAXli5F

Aproveita e se inscreve lá!

Compartilhe com sua rede de contatos e se precisar de algo me avise, vamos juntos! Até a próxima!

ReactJs, AngularJs, NodeJs e SharePoint? Sim! É o SPFx — Introdução

por Douglas Romão | 17 ago, 2018 | Angular, Angularjs, Nodejs, React, Sharepoint

Vou ter que fazer uma introdução para contextualizar você de como essas plataformas open source chegaram ao mundo do SharePoint, espero que goste 😅 😅

Esse não é mais o futuro das plataformas Microsoft mas já o presente. Cada vez mais a Microsoft tem integrado plataformas open source aos seus produtos e o SharePoint na sua versão modern apresentada.

Voltando um pouquinho a um passado não tão distante

A Microsoft lançou, em sua versão 2013 do SharePoint, um novo modelo de desenvolvimento, focado em Add-ins ao invés do modelo tradicional de desenvolvimento que tínhamos, focando em um modelo onde os desenvolvedores SharePoint pudessem desenvolver utilizando não só C# mas também qualquer outra plataforma web para se conectar ao SharePoint e criar soluções mais robustas.

Verdade seja dita, os Add-ins não pegaram taaaaaanto assim, mas é um bom modelo de isolamento de solução e ao mesmo tempo integração com outras plataformas.

Esse modelo irritou um pouco os “desenvolvedores raiz” do SharePoint, que estavam acostumados a somente desenvolver utilizando c# no modelo de Object Model do SharePoint se conectando direto ao SharePoint, mas isso já mostrava uma Microsoft muito mais voltada a ampliar o mercado de integração e desenvolvimento de soluções para o SharePoint.

Com o aumento da adesão do SharePoint Online, a estratégia acabou mudando um pouco, e a Microsoft começou a focar mais ainda no modelo de desenvolvimento mais integrado e ainda mais voltado à ferramentas de mercado e frameworks e bibliotecas derivadas do javascript, foi quando a febre do Angular, e dos demais frameworks começou a acontecer.

E agora, como está essa situação?

Em 2016 a Microsoft começou a apresentar as Modern Pages e o conceito “Modern” da plataforma do SharePoint, que tem cada vez mais sendo discutido e visto em ação.

Nessa onda, surgiu o SharePoint Framework (ou SPFx), um novo modelo de desenvolvimento para SharePoint focado na sua versão modern.

É aí que entra o React.js, Angular.js e Knouckout.js na vida do SharePoint!

O SharePoint Framework trás consigo um novo modelo de desenvolvimento onde você utiliza esses frameworks (ou pode ser sem framework mesmo) para o desenvolvimento de webparts, extensões e comandos para o SharePoint, abrindo o mundo do SharePoint para os desenvolvedores dessas plataformas criarem soluções componentizadas e cada vez mais rápidas, inteligentes e integradas.

Utilizamos o Yeoman para a criação das soluções, Gulp para compilar o código, NPM para os pacotes e podemos implementar vários modelos de testes unitários também às nossas aplicações SharePoint (vamos discutir mais isso nos próximos posts)

Além disso as webparts podem utilizar os frameworks que citei acima e temos uma série de referências de componentes já existentes utilizando o Office Fabric UI, conjunto de componentes criados pela Microsoft para alavancar nosso desenvolvimento:

O desenvolvimento não depende mais do Visual Studio instalado, com um servidor com SharePoint dentro para o desenvolvimento, agora você consegue desenvolver sem precisar nem do SharePoint para testar algumas das funcionalidades, acredita?

Então você, desenvolvedor React, Angular, Vue, Javascript, pode agora desenvolver soluções robustas e cada vez mais integradas dentro do SharePoint! (e há muito espaço de trabalho com isso 😉)

Para saber mais sobre o SharePoint Framework, aqui vai algumas referências:

Fiquem ligados que em breve vou postar como podemos começar a trabalhar com isso e fazer nossas soluções utilizando essas plataformas.

O que é o Microsoft Graph?

por Douglas Romão | 16 ago, 2018 | API, Microsoft 365, Microsoft Graph

Recentemente fiz uma palestra na comunidade do Caqui Coders sobre o assunto e gostaria de compartilhar aqui com vocês um pouco sobre esse produto interessantíssimo da Microsoft. (Se quiserem ver o vídeo da palestra, vou deixar o link abaixo)

https://www.youtube.com/watch?v=zhzs3mw8hDk

O Microsoft Graph é um produto da Microsoft inteiramente ligado à plataforma do Office 365 e responsável por disponibilizar uma API unificada para consumo de dados dos demais produtos do Office 365.

It’s all about Conectar os produtos da plataforma! Ok, mas qual a grande sacada do Graph?

O grande ponto do Graph é que você pode criar uma autenticação e segurança única e consumir dados de todos os produtos do Office 365 de forma única e padronizada, sem precisar criar uma aplicação para cada tipo de dado que você deseja, assim, você consegue facilmente criar integrações robustas entre sua aplicação e os produtos do Office 365.

Os resultado obtidos nas chamadas também são padronizados, utilizando JSON, assim podemos facilmente estruturar nossas aplicações para trabalhar com esses dados.

Autenticação? Segurança?

Autenticação para chamadas da API do Graph é feita através de Token/Refresh Token utilizando o OAuth como modelo padrão, ou seja, você tem um modelo padronizado e seguro para solicitar tokens de autorização e utilizá-los.

Para saber mais sobre o OAuth, clique aqui e em breve vou postar como criar uma aplicação utilizando esse modelo de autenticação, então fique ligado.

E como o Graph funciona na prática?

Na prática, temos a url de uma API com vários endpoints que podemos fazer chamada para requisitar dados ou ações dentro do nosso Office 365, como por exemplo:

Solicitar informações sobre o meu usuário:
https://graph.microsoft.com/v1.0/me

A url acima é um endpoint para requisições GET que você pode utilizar para recuperar os dados do usuário atual. O resultado é um JSON estruturado com essa informação:

A referência completa da API do graph você pode encontrar aqui:
https://developer.microsoft.com/en-us/graph/docs/concepts/v1-overview

No site acima você tem todos os endpoints, parâmetros de entrada e saída e você consegue ver tudo que é possível fazer em termos de integração com essa plataforma incrível.

Como começar a trabalhar com o Graph?

Meu conselho para você que deseja entender melhor como funciona o Graph, além de olhar na referência da API, é utilizar o Graph Explorer, site da Microsoft que permite você testar todos os endpoints logado com sua conta da Microsoft e obtendo os resultados de lá, assim, você só precisa implementar depois a mesma chamada no seu código.

Para acessar o Graph Explorer, basta acessar esse site:
https://developer.microsoft.com/en-us/graph/graph-explorer

Espero que tenha ajudado e fiquem ligados que em breve teremos mais conteúdos sobre integrações com o Office 365 através do Microsoft Graph.