Request template - Error while substituting templates with OAuth access_token in headers

[collin]

I am writing a custom app that integrates to another platform using OAuth, I have managed to configure everything appropriately as described here and here, however, invoking the request method that uses oauth authentication fails with an error Error while substituting templates. on console logs when testing on my local machine. FDK debug logs show an error error while validating schema for {{templateName}} . Only the access_token is to be substituted in request schema’s header object, if I remove the access_token substitution and copy paste the token directly in the header schema, the request works as expected. The access_token is correctly fetched and stored in browser’s localstorage via OAuth since the token_type is agent. I am on the latest fdk version 9.0.1. I have checked other threads on this topic but it seems my issue is unique to them. I don’t know if there’s a limit to token length which could be causing the failure because our access_token is quite long otherwise I have run out of options to try make it work. Kindly advise urgently.

See attached images to back my little story above

[Raviraj (Raviraj Subramanian)]

Hi @collin,

Welcome to the Freshworks developer community!

Where is this API request made in the app? Is it during the app installation or somewhere in the app flow?

Could you share the complete config/oauth_config.json file contents with secure credentials hidden?

[collin]

Hi @Raviraj

The API request is being made somewhere in the app flow. Request template looks like this:

    "reqTemp": {
        "schema": {
            "method": "POST",
            "protocol": "https",
            "host": "{{some-host}}",
            "path": "{{some-path}}",
            "headers": {
               "Authorization": "Bearer <%= access_token %>",
                "Content-Type": "application/json"
              }
        },
        "options": {
            "isOAuth": true
        }        
    }
}

I try invoke it like so:

client.request.invokeTemplate("reqTemp", {
        body: JSON.stringify(payload)
      }).then(function(data) {
        // Do something with the data
      });

My config/oauth_config.json looks like this:

{
  "client_id": "xxxxxxxxxxx",
  "client_secret": "xxxxxxxxxxx",
  "authorize_url": "https://{{azure-authorize-api}}",
  "token_url": "https://{{our-internal-token-api}}",
  "token_type": "agent",
  "options": {
    "scope": "openid"
  }
}

[collin]

Hi @Raviraj ,

Any chance you picked up something going wrong somewhere here?

[zach_jones_noel (Jones Zachariah Noel N)]

Hey @collin,

I see that you are referring to OAuth credentials available in the browser’s localstore, are you testing the app locally by running fdk run or is the app packed and deployed as the custom app where it’s erroring up?

Can you share your oauth_config.json file with removing the values for client_id and client_secret?

Check out the OAuth docs and also sample app with OAuth.

[collin]

Hi @zach_jones_noel ,

Yes I am testing the custom app locally using fdk run

My config/oauth_config.json looks like this:

{
  "client_id": "xxxxxxxxxxx",
  "client_secret": "xxxxxxxxxxx",
  "authorize_url": "https://{{azure-authorize-api}}",
  "token_url": "https://{{our-internal-token-api}}",
  "token_type": "agent",
  "options": {
    "scope": "openid"
  }
}