Connect to Bubble App using OAuth Error

[jay.rusden]

Hi bubble folks,

I’m working on a Canva App that allows my bubble app users to connect with their account and access videos stored. I have an error at the last step I can’t figure out.

The sequence looks like this:

1. User opens Canva Ap and clicks Connect to intiate an authorization
2. Window popups with my bubble app login screen
3. User logins ok and Bubble redirects back to the Canva Auth URI/closes the popup
4. The Canva App returns the error: Bad Server Response/Failed to exchange Auth Code.

I’m wondering if Bubble is not returning to the Canva auth URI with the parameters expected by Canva which are below - but there is not much Bubble documentation provided:

• The state originally provided in the call to Bubble’s Authorization endpoint
• The auth code generated by the Bubble app.

Configuration:

I’m using the bubble API settings to create a 3rd Party App, which includes the return URI: https://www.canva.com/apps/oauth/authorized

Then I’m using the Canva App authorisation settings to align with Bubble which includes the Authorize and Access Token end points urls:

[sudsy]

I see that Headers is selected in Canva for the Credential transfer mode, so I wonder if Bubble might use the POST request body instead. I haven’t actually used Bubble as an OAuth provider, so I’m just shooting from the hip here.

[js10855]

@jay.rusden I have done many integration till now using oAuth e.g. google meet, zoom, quickbook, Xero and so on. I can help you with this. Lets connect when you are available.