To create a custom connector, you must describe the API you want to connect to so that the connector understands the API’s operations and data structures. In this post, you create a custom connector from scratch, without using a Postman collection or an OpenAPI definition to describe the Cognitive Services Text Analytics Sentiment API (our example for this series). Instead, you describe the connector completely in the custom connector wizard.

Build and deploy custom Connector

  • Sign in to the PowerApps
  • Click Custom Connectors under Data
  • Click ‘New Custom connector’ in the right-hand side.
  1. Select Create from blank
  2. Give name for the connector
  3. GetGoogleBooks
  1. It will open Create connector page
  1. Fill the General Information
  2. Upload logo for the connector
  3. Set the background color
  4. Give proper description about your connector
  1. Scheme HTTPS
  2. Host *: www.googleapis.com
  3. Base URL: /books/
  • Click Security to move next section ‘Security’
  1. Select ‘No authentication’ for our lab exercise, because we are using open API
  2. Click ‘Definition’ to move next section
  • Add New Action
    • Add Definition
      1. Summary: Get Books Names
      2. Description: get Books using google API
      3. Operation ID *: GetBooks
      4. visibility – none
  • Add Response schema: Click default Response link
  • Click import from sample
  • Click import and set schema to response
  • Click ‘Create connector’ to create the connector
  • Click Test to test the connector
    • Create New connection
  • It will reply the response with 200 status

Implement custom connector in our canvas app

  • Create a canvas app
  • Click create button to create a application and skip button to skip the default form creation
  • Click data source and connect your connector
  1. Select your connector ‘GetGoogleBooks’
  2. Add Label Box – Enter ISBN Number
  3. Add one Text Box
  4. Add one Button
    • Button OnSelect -> Collect(mybooks,GetGoogleBooks.GetBooks({q:TextInput1.Text}))
  5. Add vertical Gallery control with Image,title nd subtile
    • Datasource – First(mybooks).items
    • Image: ThisItem.volumeInfo.imageLinks.thumbnail
    • Title: ThisItem.volumeInfo.title
    • SubTitle: ThisItem.volumeInfo.description
  6. Output here

Leave a Reply

Your email address will not be published. Required fields are marked *