Power Platform - Create Cloudinary Custom Connectors for Power Apps

On this tutorial, i will guide how to create custom connectors for Cloudinary so you can use in the Power Platform - Power Apps 

What is Cloudinary? 

Cloudinary is a cloud service that offers a solution to a web application's entire image management pipeline.

Make sure you have already created an account with the detailed api as below. 

  • Cloud name:
  • <CLOUD_NAME>
  • API Key: *********************
  • API Secret: ***************************
  • API Environment variable: CLOUDINARY_URL=cloudinary://***************:***************************@<CLOUD_NAME>
  • Base delivery URL: http://res.cloudinary.com/<CLOUD_NAME>
  • Secure delivery URL: https://res.cloudinary.com/<CLOUD_NAME> 
  • API Base URL: https://api.cloudinary.com/v1_1/<CLOUD_NAME>

What is Power Apps? 

  • Power Apps - Turn ideas into organizational solutions by enabling everyone to build custom apps that solve business challenges. Learn more https://powerapps.microsoft.com/en-us/

How to create custom connectors for Cloudinary?

Step 1: Open http://make.powerapps.com/

Step 2: Click on Data > Custom Connectors 

Step 3: Click + New Custom Connectors and then select Create from Blank 

Step 4: Enter Connector Name (=Cloudinary) and then click Continue

Step 5:  Default go to 1. General tab. Enter the following information as per required fields 

  • Browse and upload Cloudinary logo as connector icon
  • Icon background color: #3448c5
  • Description: Cloudinary
  • Scheme *: HTTPS
  • Host *: api.cloudinary.com
  • Base URL: /v1_1/roadstour

Step 6 - Click 2. Security tab and then Enter parameter label names - The API uses Basic Authentication over secure HTTP. Your Cloudinary API Key and API Secret (which can be found on the Dashboard page of your Cloudinary console) are used for the authentication.



Step 7 - Click 3. Definition tab, you can define any actions (request which mentioned on the https://cloudinary.com/documentation/admin_api). On this example i used basic ping action to testing for cloudinary api connector work or not. 





Step 8 - Click +Create Connector link on the top and then click on 4) Test tab to test for connector Enter API Key & API Secret 



Step 9 - Post testing successfully, it will return Request & Response as per shared screenshot below 



Post Create Connector, it will also display on the Connections then you can use in the power apps. 


You can download sample Cloudinary Json file and import to Power Apps or download GITHUB Repo

Comments

Let's connect. A great way to get my attention is to comment on one of my posts.

Get In Touch

Send