{"id":24566,"date":"2020-08-31T12:49:50","date_gmt":"2020-08-31T12:49:50","guid":{"rendered":"https:\/\/www.inogic.com\/blog\/?p=24566"},"modified":"2020-11-18T07:55:08","modified_gmt":"2020-11-18T07:55:08","slug":"building-custom-connectors-for-power-apps-and-power-automate-flows-part-2","status":"publish","type":"post","link":"https:\/\/www.inogic.com\/blog\/2020\/08\/building-custom-connectors-for-power-apps-and-power-automate-flows-part-2\/","title":{"rendered":"Building Custom Connectors for Power Apps and Power Automate Flows \u2013 Part 2"},"content":{"rendered":"

With our Azure function ready in the earlier post<\/a>. We now look at the steps to create a custom connector for this Azure function.<\/p>\n

Do remember, we have enabled AAD authentication for our Azure function.<\/p>\n

The APP registration provided while enabling AAD authentication was set for multi-tenant authentication.<\/p>\n

\"Power<\/a><\/p>\n

While we have an easy way to create a custom connector outside the scope of a solution, since we will also cover moving custom connectors from one environment to another, we will look at the steps to create the connector from within a solution<\/p>\n

Navigate to https:\/\/make.powerapps.com<\/a> and open your solution. Next, choose New > Other > Custom Connector.<\/p>\n

\"Power<\/a><\/p>\n

First Step provide Connector details like name, image and short description. In the host add the host name of your Azure function i.e if your azure function url was<\/p>\n

https:\/\/xxx.azurewebsites.net\/api\/GetTaxRate?code=xxxx<\/a><\/p>\n

the host would be xxx.azurewebsites.net<\/p>\n

\"\"<\/a><\/p>\n

Next comes security. Since we are looking for AAD authentication, we will choose OAuth 2.0 in this step.<\/p>\n

\"Power<\/a><\/p>\n

Client ID = APP ID of the App registration created while setting the AAD security for Azure function<\/p>\n

Client Secret = Secret key of the above app.<\/p>\n

Leave the login url and tenant id as is.<\/p>\n

Resource URL = Copy and paste the client id (app id of the app registration)<\/p>\n

Ref: Why leave common in tenant id –\u00a0 https:\/\/docs.microsoft.com\/en-us\/azure\/active-directory\/develop\/howto-convert-app-to-be-multi-tenant<\/a><\/p>\n

After you save the connector, the Redirect URL will be generated as shown above. Copy the redirect URL and we need to add this to our app registration (same one of which you have provided the client id here)<\/p>\n

Next in the Definition tab, we will provide the details of the actions that we wish to expose through our connector<\/p>\n

Under actions choose new action and provide the action details. The details entered here will be displayed to the user when using your connector and this action so make sure to have all the descriptive information included here.<\/p>\n

\"Power<\/a><\/p>\n

In the request section click import from sample and provide the request details. You can copy the url from Postman where we had done the test call.<\/p>\n

\"Power<\/a><\/p>\n

My request has 2 query parameters and in the header I need to pass the CRM connection details like URL and the Client ID, Secret for connection to the said environment.<\/p>\n

When you click import, you will see all the query parameters and header information has been generated for you.<\/p>\n

\"Power<\/a><\/p>\n

Click Update Connector to save all changes to the connector.<\/p>\n

Before we test the connector we need to complete a few additional settings in Azure APP registration.<\/p>\n

Completing the authentication settings on Azure AD APP registration<\/strong><\/h2>\n

Navigate to Authentication section of the App Registration<\/p>\n

\"Power<\/a><\/p>\n

Click Add a platform<\/p>\n

\"Power<\/a><\/p>\n

Choose Web and paste the Redirect URI copied from the connector<\/p>\n

\"Power<\/a><\/p>\n

Click Save to save this redirect uri.<\/p>\n

Next navigate to the Expose an API setting of the APP registration and click add scope<\/p>\n

Details provided here are displayed to the user when they are making a connection to our connector and are from another tenant. These details are used on the Consent screen<\/p>\n

\"Power<\/a><\/p>\n

Test the connection for the connector:<\/strong><\/h2>\n

Navigate to https:\/\/make.powerapps.com<\/a> > Data > Custom Connectors<\/p>\n

\"Power<\/a><\/p>\n

Click the + button against the connector to build a connection to it. When you click, you should be prompted to login to Azure AD<\/p>\n

\"Power<\/a><\/p>\n

Enter the credentials, if you enter the credentials of an environment other than the current environment, you would be prompted with the following screen<\/p>\n

\"Power<\/a><\/p>\n

Click Accept and you should have a successful connection object created for this connector.<\/p>\n

Note sometimes, after this screen it may display you an error about app registration error. Try again and the next time it succeeds \ud83d\ude42<\/p>\n

Moving this custom connector to another environment<\/strong><\/p>\n

Since we added this connector to a solution, simply export the solution as managed solution and import it to the other environment.<\/p>\n

Navigate to Custom connectors tab to find the connector listed there<\/p>\n

\"Power<\/a><\/p>\n

Click the + button to test connection with the connector<\/p>\n

If you get an error about invalid client id and secret key,<\/p>\n

\"Power<\/a><\/p>\n

edit the connector and fill in the security page once again. It will be the same client id and secret key that we had added when creating this connector in the other environment.<\/p>\n

\"Power<\/a><\/p>\n

Consuming this connector through Power Automate Flows<\/strong><\/h3>\n

We are now ready to create a flow and add a step for the operation in our connector.<\/p>\n

Choose Manual Trigger of flow<\/p>\n

\"Power<\/a><\/p>\n

In the Custom tab, you should find our connector<\/p>\n

\"Power<\/a><\/p>\n

Choose our action<\/p>\n

\"Power<\/a><\/p>\n

And now provide the requested details in an end user friendly UI<\/p>\n

\"Power<\/a><\/p>\n

And the result is<\/p>\n

\"Power<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

With our Azure function ready in the earlier post. We now look at the steps to create a custom connector for this Azure function. Do remember, we have enabled AAD authentication for our Azure function. The APP registration provided while enabling AAD authentication was set for multi-tenant authentication. While we have an easy way to\u2026 Read More »<\/a><\/span><\/p>\n","protected":false},"author":13,"featured_media":24601,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[5,2088,16,38,1985],"tags":[2089,545,1975,1882],"class_list":["post-24566","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-azure-functions","category-custom-connector","category-dynamics-365","category-microsoft-powerapps","category-power-automate","tag-custom-connector","tag-dynamics-365-crm","tag-power-automate","tag-powerapps"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts\/24566","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/comments?post=24566"}],"version-history":[{"count":0,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts\/24566\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/media\/24601"}],"wp:attachment":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/media?parent=24566"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/categories?post=24566"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/tags?post=24566"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}