It is relatively straightforward to visualize API (JSON) responses using a PowerApps Gallery Control.
Do this:
- Ensure the Flow has the correct JSON response before proceeding
- Add ClearCollect(colResponse, myFlow.apiRequest())Function to a Button Control in the PowerApp
- Execute the API call (click the button)
- Inspect colResponse(View/Collections) to ensure it has content
- Insert a blank Gallery Control
- Set its ItemsProperty tocolResponse
- Insert a TextBox Control into the Gallery
- Set its TextProperty toThisItem.<someColumn>
Depending on the shape of your JSON response (flat or nested table), you may have to do some wrangling.
There are 3 areas to focus your wrangling:
- On the ClearCollectFunction.
a. Add some dot notation to the end of this to "dig" into the API response before it hits the Gallery Control
b. Example: ClearCollect(colResponse, myFlow.apiRequest()).someColumn
- On the Gallery Control ItemsProperty
a. Add some dot notation to the end of colResponse to "dig" into the Collection
b. Example: colResponse.someColumn
- On the TextBox Control within the Gallery
a. Add the First() Function to the Text Property
b. Example: `First(ThisItem.someColumn).someColumn2'
c. Note: There are some JSON schemas that require MULTIPLE First()'s to "dig" into the correct level. First(First(ThisItem.someColumn).someColumn2).someColumn3 etc.
See this video for tips on visualizing API responses in PowerApps Galleries.