Web and Mobile Front Ends

Solution Idea

If you'd like to see us expand this article with more information, implementation details, pricing guidance, or code examples, let us know with GitHub Feedback!

Overview

This example scenario demonstrates how you can accelerate frontend and business process development with drag and drop visual designer. Leverage Azure Functions for low latency processing and quick reads/writes to Azure Table Storage. Azure Power Apps and Power Automate provide out-of-box connectors for you to tap into data sources that can live anywhere including 3rd party systems.

Architecture

Architecture Diagram

Data Flow

The data flows through the solution as follows:

  1. Power Apps reads data from custom web APIs surfaced through Functions
  2. Functions, upon calls from Power Automate, convert raw data into HTML
  3. Power Automate reads and writes data from Azure Table Storage and retrieve data from 3rd party auditing system
  4. Telemetry data is written to Azure Table Storage
  5. Power Apps presents rich information across iOS, Android and web.

Components

Data is loaded from these different data sources using several Azure components:

  • Power Apps: Increase agility across your organization by rapidly building low-code apps that modernize processes and solve tough challenges.
  • Azure Functions: Accelerate and simplify application development with serverless compute
  • Power Automate: Streamline repetitive tasks and paperless processes with Microsoft Power Automate—so you can focus your attention where it's needed most.
  • Azure Table Storage: A NoSQL key-value store for rapid development using massive semi-structured datasets

Next Steps