Tutorial passo a passo para Portais do Microsoft Power Apps

O Power Apps Portals foi uma adição muito esperada à suíte. Embora os aplicativos baseados em Canvas e Modelos tenham tornado a construção de aplicativos muito mais fácil do que o InfoPath, eles não podiam ser usados ​​para construir aplicativos públicos para usuários anônimos. Assim, o Power Apps Portals agora preenche essa lacuna.  

Quando usar Power Apps Portals 

Portanto, existem dois usos principais para os Portais de aplicativos avançados: 

Você quer construir algo público – site voltado para que possa ser acessado por anônimos e / ou usuários autenticados.

Ou seja, você deseja criar uma experiência integrada com outras tecnologias da Microsoft, como:

• Incorporando um painel e / ou relatório do Power BI em seu site.
• Acionar um fluxo de trabalho quando um usuário envia um formulário em seu site.
• Aproveitar o Azure Blob Storage e / ou SharePoint para armazenar documentos.
• Usar o Application Insights para rastrear o uso da solução.

Arquitetura de portais de aplicativos de energia 

Power Apps Portals não é completamente novo. Já existe há alguns anos, mas era anteriormente comercializado como “Portais do Dynamics 365” e oferecido apenas como um complemento para aplicativos orientados por modelo do Dynamics 365. Os Portais usam o framework Bootstrap 3.3.x para controlar a aparência da solução, bem como a linguagem de template Liquid.         

Contudo, o Power Apps Portal foi desenvolvido com base no Common Data Service (CDS). Assim, o banco de dados CDS hospedará todos os dados do seu portal, como páginas, modelos de página, formulários, dados de formulários etc.     

Nota importante: Você só pode criar um portal por ambiente Power Apps. Se você precisar criar um segundo portal, precisará criar um segundo ambiente.

Sendo assim, antes de criar um Portal, temos dois pré-requisitos :

• Um ambiente de Power Apps 
• Um banco de dados CDS 

Construa seu primeiro portal em Power Apps Portals

Neste tutorial, construiremos um formulário de inscrição para a academia no Portal Power Apps. Assim quando o formulário for enviado, os dados serão salvos em nosso banco de dados CDS.

Para chegar lá, seguiremos as etapas abaixo:

• Primeiramente, criar um novo poder Apps ambiente com uma base de dados CDS.
• Na sequência, criar um formulário de inscrição na academia como uma entidade CDS.
• Então, criar o Portal de Power Apps.
• Por fim, incorporar o formulário ao Portal.

Criar um novo Power Apps ambiente com uma base de dados CDS

Quando você pode fazer o login em https://make.powerapps.com, você já terá pelo menos um ambiente de Power Apps. Se você não criou um Portal nesse ambiente, pode aproveitar seu ambiente existente para construir um novo portal. No entanto, se você precisar construir um novo ambiente, siga as seguintes  etapas : 

• Vá para https://make.powerapps.com
• Clique na engrenagem no canto superior direito da página
• Em seguida, clique em Centro de administração
• Clique em Ambientes na barra de navegação esquerda
• Clique em + Novo na barra de navegação superior
• Um novo formulário de ambiente aparecerá
• Preencha os campos:
  • Nome: escolha um nome para o seu ambiente
  • Tipo: Teste
  • Região: escolha sua região
  • Objetivo: preencha o objetivo do seu ambiente
  • Criar um banco de dados para este ambiente?: Sim
• Clique Próximo
• Um formulário adicionar banco de dados aparecerá.
• Preencha os campos:
  • Idioma: escolha seu idioma
  • Moeda: escolha sua moeda
  • Habilitar aplicativos do Dynamics 365: Não (esta opção deve estar esmaecida, pois selecionamos “Teste” para o tipo de ambiente)
  • Implantar aplicativos e dados de amostra: Não
• Clique em Salvar

Seu ambiente deve estar pronto em breve

Crie um formulário de inscrição na academia como uma entidade CDS

Agora que temos o ambiente Power Apps pronto, a próxima etapa é criar nosso formulário de inscrição na academia. Começaremos criando uma nova entidade CDS chamada Gym Membership . Em seguida, adicionaremos nossos campos à entidade e, por fim, criaremos o formulário. Você pode pensar na entidade como uma tabela de banco de dados.

Criar Entidade

• Vá para https://make.powerapps.com
• Na barra de navegação esquerda, clique em Dados -> Entidades
• Na barra de navegação superior, clique em + Nova entidade
• Preencha os campos da seguinte forma:
  • Nome de exibição: Gym Membership
  • Campo Primário
  • Nome de exibição: Nome completo
• Clique em Criar na parte inferior

Adicionar campos

Adicione o restante dos campos. Para cada um dos campos a seguir,

• Clique em + Adicionar campo na barra superior,
• Em seguida, preencha os campos conforme mostrado na tabela abaixo
• Em seguida, clique em OK na parte inferior

• Clique em Salvar Entidade no canto inferior direito

Criar formulário

• Clique em Formulários
• Clique em Adicionar formulário -> Formulário principal na barra superior
• Na barra esquerda,
  • Alterar o nome de exibição para o formulário de inscrição
  • Alterar a descrição para: Um formulário para inscrição na academia.
• Arraste os campos que adicionamos acima da barra do lado esquerdo para a tela
• Quando terminar, o formulário deve ser o seguinte:
• Configurações de formulário em Power Apps Portals
• Clique no campo Número de Membro e, em seguida, clique em Ocultar o campo na barra direita
• Então, clique no campo Proprietário e, em seguida, clique em Ocultar campo na barra direita
• Por fim, clique em Salvar e em Publicar no canto superior direito da página

Criar Portal de Power Apps

• Vá para https://make.powerapps.com
• Clique no Portal em branco
• Preencha o novo formulário do portal:
  • Nome: Trinapse Gym
  • Endereço: TrinapseGym
• Clique em Criar. Observação: normalmente leva de 5 a 10 minutos para criar o portal

Incorpore o formulário no Portal

• Clique no ícone de páginas na barra esquerda
• Clique com o botão direito em Serviços e , em seguida, clique em Adicionar uma página filha
• Assim que a página for adicionada, na barra direita:
  • Alterar o nome para: “Inscrição”
  • Alterar URL parcial para: “inscrição”
• Clique no ícone de componentes na barra esquerda e, em seguida, clique na seção Uma coluna
• Clique dentro da coluna que você acabou de criar
• Em seguida, clique no ícone de componentes na barra esquerda e, a seguir, clique em Formulário
• Na barra direita:
  • Defina o nome como “Formulário de inscrição”
  • Entidade para: “Associação ao ginásio”
  • Layout do formulário : “ Formulário de inscrição”
  • Sobre o sucesso : “Estamos muito animados por ter você a bordo!”
  • Desmarque os campos de captcha

Observação: desmarcar o captcha é adequado para um formulário de demonstração. No entanto, ao construir um formulário de produção, mantenha o captcha para evitar que os bots enviem seu formulário.

Visualize seu portal

• Clique em Browse website no canto superior direito da página. Observação: se você receber a mensagem “Não foi possível limpar o cache”, clique em Tentar novamente
• Preencha os campos e clique em Enviar
• Agora você deve receber a mensagem de sucesso

Confirme se um registro foi adicionado à sua entidade CDS

• Vá para https://make.powerapps.com
• Na navegação à esquerda, clique em Dados -> Entidades
• Clique em Gym Membership
• Clique em Dados na barra superior
• Você deve encontrar o seu registro
• Clique no registro e em Editar registro
• Agora você deve ver todas as informações inseridas no formulário

Conclusão

A Microsoft tornou muito fácil criar um site externo que se integra com as diferentes tecnologias da Microsoft. Agora que você sabe como criar sites básicos em Portals, está pronto para aprender como personalizar a aparência do seu site. Portanto, fique atento, pois em meu próximo post vou mostrar como permitir que usuários façam login usando suas contas do LinkedIn, Facebook e Twitter, limitar o acesso a certas páginas e adicionar um nome de domínio personalizado.

Power Apps Portals é muito poderoso e, juntos, aprenderemos como aproveitá-lo ao máximo. Entre em contato e veja como a Trinapse pode ajudar sua empresa utilizando o Power Apps Portals.