Exercício: criar seu primeiro aplicativo do Power Apps como desenvolvedor tradicional
Nesta unidade, você cria um aplicativo móvel para ajudar os usuários em campo a verificar o estoque e as peças da ordem, se necessário. Usamos o Excel como fonte de dados e o apresentamos como "dados de desenvolvimento" na criação do aplicativo, para que não haja a necessidade de conexão a sistemas existentes, como o Microsoft SQL Server ou, até mesmo, o Salesforce.
Há centenas de conectores de dados aos quais o Power Apps pode se conectar imediatamente, de muitos produtos e serviços da Microsoft e serviços de terceiros também. Se não houver um conector do qual você precisa, um desenvolvedor poderá criar um conector personalizado para fazer essa conexão.
Observação
O Power Apps requer uma licença do Microsoft 365 ou uma avaliação gratuita. Saiba mais sobre as opções de licenciamento. Os produtos da Microsoft incluem o Microsoft Power Apps e o Power Automate.
Conectar-se a uma fonte de dados
Para conectar-se a uma fonte de dados, siga este procedimento:
Baixe a pasta de trabalho de estoque de pisos e salve-a no OneDrive for Business.
Acesse https://make.powerapps.com e entre com sua conta organizacional.
No painel esquerdo, selecione + Criar.
Role para baixo até ver Mais fontes de dados. Está na parte direita da tela. Selecione-o.
No painel esquerdo, selecione Novo e, mesmo que tenha sido realçado, selecione-o novamente. Isso leva você a uma tela diferente.
Selecione + Novo aplicativo e, em seguida, Tela no menu suspenso.
Como fonte de dados do OneDrive for Business, selecione Layout do telefone.
Os aplicativos gerados são sempre baseados em uma única lista ou tabela, mas você pode adicionar outros dados ao aplicativo posteriormente. As próximas três etapas explicam como se conectar à pasta de trabalho do Excel.
Em OneDrive for Business, selecione Criar.
Em Conexões, selecione OneDrive for Business e navegue até o local do arquivo. Talvez você precise selecionar Nova conexão para ver a conexão do OneDrive for Business.
Em Escolher um arquivo do Excel, selecione o arquivo FlooringInventory.xlsx.
Em Escolher uma tabela, selecione a tabela FlooringEstimates.
Selecione Conectar na parte inferior direita.
O Power Apps gera o aplicativo inspecionando os dados e fazendo a correspondência deles com os recursos do Power Apps para que você obtenha um aplicativo funcional como um ponto de partida.
Visualize o aplicativo gerado
O novo aplicativo de três telas é aberto no Power Apps Studio.
Selecione Reproduzir
no canto superior direito para praticar o uso do aplicativo. Ele inclui todos os dados da tabela e proporciona uma ótima experiência padrão.
Todos os aplicativos gerados com base em dados têm o mesmo conjunto de telas que você pode exibir no painel Telas:
- Tela Navegar: essa tela é exibida por padrão. Nela, é possível procurar, classificar, filtrar e atualizar os dados na fonte de dados. Na tela Navegar, você pode adicionar itens à fonte de dados; para isso, basta selecionar o ícone de adição (+).
- Tela Detalhes: a tela Detalhes mostra todas as informações sobre um único item. Nessa tela, é possível abrir um item para editá-lo ou excluí-lo.
- Tela Editar/Criar: nessa tela, você edita um item existente ou cria um.
Explorar o aplicativo gerado
Selecione o ícone (X) no canto superior direito para retornar o aplicativo ao modo de edição. Observe que o aplicativo, mesmo estando no modo de edição, está funcionando ativamente, como se estivesse no modo de inspeção de um aplicativo tradicional. Quando você fizer alterações nas propriedades de controle e fórmulas do Power fx, o aplicativo responderá automaticamente a essas alterações, mesmo no modo de edição.
Observação
Para alternar temporariamente para o modo de visualização enquanto estiver no modo de edição, mantenha a tecla Alt pressionada no teclado. Observe que, quando você mantiver a tecla pressionada, se selecionar o aplicativo, ela atuará como no modo de visualização. Quando você liberar a tecla, a mola será automaticamente revertida para o modo de edição e você poderá selecionar o aplicativo para selecionar os controles normalmente.
Adicionar a tela de solicitação de estoque
O aplicativo gerado inclui uma tela para a adição de linhas de dados por meio da realocação da tela de edição de dados; mas, em vez disso, ele usará o ícone (+) incluído nele para proporcionar ao usuário uma maneira de solicitar que mais estoque seja adicionado ao depósito diretamente do escritório residencial.
Selecione o controle EditScreen1 na árvore de controle do painel do modo de exibição de árvore do lado esquerdo.
Selecione ... à direita de onde EditScreen1 está realçado e selecione Duplicar tela.
Clique com o botão direito do mouse em EditScreen1_1 no modo de exibição de árvore e selecione Renomear. Digite InventoryRequest como novo nome da tela e selecione Enter para salvá-lo.
Selecione BrowseScreen1 no modo de exibição de árvore para voltar à primeira tela e o ícone (+) para selecioná-lo.
Escolha a propriedade OnSelect da lista suspensa ao lado da barra de fórmulas, substitua o conteúdo da barra de fórmulas por:
Navigate(InventoryRequest, Transition.None)Mantenha a tecla ALT pressionada e selecione o ícone (+) para testar a função Navigate que você acabou de escrever; o aplicativo deve carregar a tela InventoryRequest recém-criada.
Selecione EditForm1_1 no modo de exibição de árvore e pressione a tecla Delete para excluir o controle.
Adicionar controles à nova tela
Selecione o ícone + à esquerda da tela para ativar o painel Inserir.
Selecione Text Label e Text Input para adicionar um controle de cada tipo à tela.
Arraste os dois controles na tela para que fiquem abaixo do cabeçalho e alinhados ao centro da tela. Observe como o Power Apps ajudará você a alinhar tudo ao arrastar os controles.
Selecione o rótulo na tela do aplicativo para selecioná-lo e, no painel Propriedades do lado direito, altere o valor da propriedade Text para informar o Motivo da Solicitação.
Selecione a caixa de texto na tela do aplicativo para selecioná-lo e, no painel Propriedades do lado direito, altere o valor da propriedade Padrão para informar o Estoque necessário para atender às necessidades do cliente.
Selecione Rótulo de texto no painel Inserir para adicionar outro rótulo à tela
Use a caixa de pesquisa do painel Inserir para pesquisar Soltar. Selecione Suspensa para adicionar uma caixa de listagem suspensa ao aplicativo.
Selecione e arraste os dois controles para alinhá-los aos outros controles e um ao outro e altere o texto do novo rótulo para informar o item de estoque.
Selecione o controle suspenso para selecioná-lo e, no painel de propriedades do lado direito, selecione o menu suspenso da propriedade Items e selecione FlooringEstimates. Em seguida, selecione o menu suspenso da propriedade Valor e selecione Nome.
Selecione o rótulo da propriedade Items e observe que o foco do cursor está agora na barra de fórmulas, com a propriedade Items selecionada.
Classifique os itens por nome digitando a seguinte fórmula:
Sort(FlooringEstimates, Name, SortOrder.Ascending)
Corrigir os erros e adicionar uma conexão de dados
Selecione o ícone ✖. A propriedade OnSelect do ícone é mostrada na barra de fórmulas. Altere a fórmula para apenas dizer
Back().Selecione o ícone de dados
à esquerda da tela para ativar o painel Dados. A conexão FlooringInventory que começamos com o aplicativo está listada ali.Selecione ➕ Adicionar dados para abrir o painel de pesquisa de conexão e procurar o Office 365 Outlook.
Caso você já tenha uma conexão definida, selecione-a para adicioná-la. Caso nenhuma conexão esteja listada, selecione Adicionar conexão. Quando o painel da nova conexão abrir no lado direito, selecione Conectar para adicionar a conexão.
Selecione o ícone ✔ no cabeçalho do aplicativo. A propriedade OnSelect do ícone foi selecionada para a barra de fórmulas.
Altere a fórmula OnSelect do ícone para a fórmula abaixo. Essa fórmula envia um email para você, solicitando que mais estoque seja encomendado.
Office365Outlook.SendEmailV2(
User().Email,
"New Request: " & TextInput1.Text,
User().FullName & " has requested more inventory for " &
Dropdown1.Selected.Name & " be ordered. There is currently " &
Dropdown1.Selected.InventoryInSquareFeet & " square feet left in stock."
);
Back()
Observação
Para adicionar mais de uma instrução a um evento, use um ponto-e-vírgula (;) para separá-las.
Salve e publique o aplicativo
Para tornar o aplicativo visível no telefone, salve e publique-o. Na faixa de opções, no canto superior direito, selecione a seta suspensa ao lado do ícone Salvar e selecione Salvar como. Substitua o título atual "Aplicativo" por Estoque de pisos e, em seguida, selecione Salvar. Agora selecione o ícone Publicar na faixa de opções e, após alguns minutos, você poderá acessar e usar o aplicativo em seu telefone.
Quando você salva um novo aplicativo pela primeira vez, ele é automaticamente publicado, "ativando" a versão que você salvou. Depois que você salvá-lo pela primeira vez, nas próximas vezes, as versões não ficarão ativas automaticamente; elas somente serão salvas como novas versões. Posteriormente, você precisará selecionar o botão Publicar que aparece na tela de salvamento após clicar em Salvar.
Instalar o aplicativo em seu dispositivo
Para ver como o aplicativo é executado em dispositivos móveis, instale o aplicativo Power Apps Mobile em seu telefone. Ao criar um aplicativo, você deverá testá-lo no mesmo fator forma de seus usuários.
Baixe o Power Apps Mobile na loja de aplicativos da plataforma de sua preferência.
Entre usando seu nome de usuário e senha.
Em seu telefone ou tablet, execute o aplicativo Estoque de pisos no Power Apps Mobile. Se você não quiser instalar o aplicativo, poderá executá-lo em um navegador.
Se você não vir o aplicativo Estoque de pisos, em seu aplicativo Power Apps Mobile, selecione o menu de hambúrguer na parte superior esquerda da tela e alterne para Mostrar aplicativos de não produção.