fgsoap / ReshapeJsonDemo

Demo with PowerApps & AzureFunctions

Reshape JSON Demo

This is a demo of how to reshape JSON with Azure Functions.

Example:

add row id

Input:

[
   {
       "ID": 1,
       "Title": "T1"
   },
   {
       "ID": 3,
       "Title": "T3"
   },
   {
       "ID": 5,
       "Title": "T5"
   }
   ...
]

Output:

[
   {
       "RowID": 1,
       "ID": 1,
       "Title": "T1"
   },
   {
       "RowID": 2,
       "ID": 3,
       "Title": "T3"
   },
   {
       "RowID": 3,
       "ID": 5,
       "Title": "T5"
   }
   ...
]

Flow chart:

graph TD;
    PowerApps-->SharePoint;
    PowerApps-->CustomConnector;
    CustomConnector-->AzureFunctions;
    AzureFunctions-->CustomHandler;

Loading

---

Cloud services and tools used

• SharePoint

• Azure Functions

• Custom Connector

• Power Apps

• Visual Studio Code

• Postman

• Rust

---

Steps to run the demo

Prerequisites

• Power Apps(premium) & SharePoint licenses
• Azure subscription

1. Clone the github repo to local.
2. Create the Function App in Azure and deploy the function.
3. Import the Postman collection and verify the API(addrowid).
4. Set up the custom connector in Power Apps make portal.
5. Create the SharePoint list.
6. Open the Power Apps from the portal, replace the custom connection and SharePoint list to verify if the function works.

Please check more details in the folders.