Instagram oauth api works great in postman, but the api connector gives a invalid authorization code error

baldwincustomguitars · 2025-01-22T00:01:50.820Z

I had been working on getting the api connector to give me an access token when feeding it authorization code for days and could only get a “400 invalid authorization token” error. Then I thought, let’s try in postman. It worked first try.

I’m following everything the instagram documentation says to do - Business Login for Instagram - Instagram Platform - Documentation - Meta for Developers

Obviously it works cause it works in postman. . . . so the question; how do I get the bubble api connector to do whatever postman is doing to feed the valid auth token?

Screenshot 2025-01-21 at 5.02.32 PM838×849 70.8 KB

Screenshot 2025-01-21 at 5.04.35 PM810×297 14.9 KB

Screenshot 2025-01-21 at 5.05.00 PM1862×1732 279 KB

Jici · 2025-01-22T00:05:14.927Z

Can you share what you did in postman and api connector and also where is the error? (is it before you go to the login page or after… and if after, is it after the redirection and the error come from Bubble?)

baldwincustomguitars · 2025-01-22T00:08:28.395Z

Just updated the post with screenshots - error is after I the login screen, the instagram redirect uri is appended with the access code, which is a parameter when swapping the code for an auth token.

Jici · 2025-01-22T00:14:12.568Z

So you are doing the manual process and not the user-agent Bubble auth.
Remove & at the beggining of your body. This is not needed and probably create issue.
Which error do you get when you try to intialize the token call?

Also, did you set none/selfhandled for the auth part?

baldwincustomguitars · 2025-01-22T00:33:12.293Z

removed the & at the beginning, still no luck.

When I try and initialize the call, I get the error in the second screenshot.

I’m not using the user-agent bubble auth, so I’m assuming that’s the manual process. - yes using non-self handled for the auth. I’ll try tweaking some of those settings.

Jici · 2025-01-22T00:35:42.494Z

Sorry didn’t see the error. Are you really fast to copy the authorization code in api connector?

baldwincustomguitars · 2025-01-22T00:36:26.741Z

yep, I get a different error if the auth code has expired

Jici · 2025-01-22T00:36:57.715Z

Try to use a tool like requestbin to compare the request in postman vs in Bubble. Also, be sure to not have shared headers that could create a conflict with the one set in call

Jici · 2025-01-22T00:38:43.091Z

You could also try the request in the url instead of body, however, it doesn’t make sense according to postman screenshot

baldwincustomguitars · 2025-01-22T01:12:09.712Z

definitely a difference in the headers that bubble is sending vs. postman. Anyone know what the required headers are for instagram?

baldwincustomguitars · 2025-01-22T01:55:35.973Z

Not sure what or why — but I deleted the call I had from the api connector plugin and started from scratch. . . . and it worked. the ole unplug it and plug it back in trick. . . .

Jici · 2025-01-22T03:05:56.235Z

Sometimes, when you change the call often (add, remove fields/headers, shared stuff) this create this kind of issue. Happy that you get it working.

tomvigneres · 2025-01-22T16:23:44.454Z

Hey,

I’m using Instagram API with Instagram login in my app.

This setup works.

Capture d’écran 2025-01-22 à 17.17.181830×1500 233 KB

You have to remove the “#_” at the end of the code that Instagram is sending back to you.

Hope you it can help you.