Hi everyone! I have been struggling for days to get the oauth with instagram’s graph api to work.
Goal:
- User should be able to login with instagram and oauth with me
- I want to be able to save the access token to their profile so that:
- I can pull in their instagram library and complete other calls through their instagram
I am stuck at saving the access token and have checked all forum posts, gpt keep halucinating so clearly doesnt have the answer either, does anyone know how to save an access token from the oauth api?
The other thing i tried was using the embed url that meta gives which successfully completes the oauth but then bubble io throws an error when redirected back that the “state” is missing, does anyone know how this could be fixed?
THANK UUUU
Hey there,
Are you using a plugin? What’s your setup? Can you please provide screenshots or explanation of what’s going on.
Thank you
Hey Jonah, hope all is well (thanks again for previously helping me out with the betteruploader) and thanks for the reply!
I tried the following two setups:
-
Setup 1: Bubble’s API connector for the OAuth
Issues with this option:
a. Successfully redirects & allows user to login in to Instagram BUT gives an error by Instagram after redirecting back saying that the scope is invalid even though it’s the same scope from Instagram’s own embed url
b. Doesn’t allow me to save the access token that Bubble’s api exchanges. I need to store the access token so that I can trigger another call to get a long-lived (60 days valid) access token.
-
Option 2: Redirecting the user in the workflow to the embed URL provided by Instagram:
Works perfect from Instagram’s end and successfully redirects back to Bubble io with the code in the url (I need the code to trigger the next api call to get the access token) BUT on redirect bubble io throws this error saying that a “state” is missing:
Do you have any thoughts on how I can get to my goal of getting the instagram o-auth to work AND saving the access token for me to use for further api calls?
Cheers!
Alice
Hi, mulleralice984
I did in that way:
build API conector to get token:
Create a button to connect Instagram:
when a page is loaded, I get code, that instagram provide, that code is used for get token
with token I can call anothers API´s like getLongToken, getUserDetails
I hope could be helpfull
1 Like
Thank you so much for your help!
I set it up exactly as you suggested but unfortunately on redirect I get this error from bubble:
Do you not get this error from bubble when instagram redirects back?
I did some research and apparently Bubble sets a state automatically that it expects to be sent back from Instagram as a means to verify the session of the user, but I dont know how one can amend that state
Any ideas?
