Power Apps, Custom Connectors and API Management

Neil HaddleyAugust 2, 2021

Azure API Management Service

The API Management Service controls how api services are exposed to employees by applying authentication, authorization, and usage limits.

Navigate to Azure API Management services page

Navigate to Azure API Management services page

Create haddley-api

Create haddley-api

haddley-api will be created

haddley-api will be created

haddley-api deployment in progress

haddley-api deployment in progress

haddley-api deployment complete

haddley-api deployment complete

haddley-api overview

haddley-api overview

Existing Web Service API (no authentication)

Existing Web Service API (no authentication)

Existing API includes Swagger

Existing API includes Swagger

Url to swagger.json definition

Url to swagger.json definition

Add API to API Management

Add API to API Management

Provide url to swagger.json

Provide url to swagger.json

Review API details

Review API details

Test /Book GET

Test /Book GET

Test is successful

Test is successful

Create Power Connector (for Power Apps)

Create Power Connector (for Power Apps)

Provide connector name

Provide connector name

New custom connector has been added

New custom connector has been added

Edit the connector to review

Edit the connector to review

Notice that an API Key/Subscription is required

Notice that an API Key/Subscription is required

+ New connection (based on the Custom Connector)

+ New connection (based on the Custom Connector)

A Subscription key has to be provided

A Subscription key has to be provided

Using Chrome to call the API Management service without passing the Subscription key

Using Chrome to call the API Management service without passing the Subscription key

Using Postman to call the API Management service without passing the Subscription key

Using Postman to call the API Management service without passing the Subscription key

Notice that a Subscription key was provided in the API Management test page

Notice that a Subscription key was provided in the API Management test page

Using Postman to call the API Management service providing the Subscription key

Using Postman to call the API Management service providing the Subscription key

The same Subscription key value can be copied from the API Management Subscriptions page

The same Subscription key value can be copied from the API Management Subscriptions page

Enter the Subscription key

Enter the Subscription key

The new connection has been created

The new connection has been created

Create a test Power App

Create a test Power App

Blank Power App

Blank Power App

Add a data source

Add a data source

The connector has been added

The connector has been added

Add a button and configure the "OnSelect" handler

Add a button and configure the "OnSelect" handler

OnSelect books will be retrieved and stored in a "colBooks" collection

OnSelect books will be retrieved and stored in a "colBooks" collection

Preview the app

Preview the app

Press the Button

Press the Button

Navigate to Collections to review the result

Navigate to Collections to review the result

Add a gallery control and set items property to colBooks collection

Add a gallery control and set items property to colBooks collection

update the gallery control to display book titles and isbn (numbers)

update the gallery control to display book titles and isbn (numbers)

Add a new subscription

Add a new subscription

Copy the subscription key

Copy the subscription key

Edit the connection

Edit the connection

Update the subscription key

Update the subscription key