{"error_type": "OAuthException", "code": 400, "error_message": "Invalid redirect_uri"}

I could not find this documented anywhere, but through trial and error, I found that the redirect_uri had to:

1. Use https
2. Be publicly accessible (e.g. localhost and specifying a port number won't work)
3. Not include parameters (I found they were getting stripped out, which would cause a redirect_uri mismatch when I later requested an access token)

I had the same problem and I solved it as following:
I first went here: (remember to change your instagram app id in the below URL) https://developers.facebook.com/apps/your_instagram_app_id/instagram-basic-display/basic-display/

Then I set my Client OAuth Settings, Deauthorize and Data Deletion Requests as "https://localhost:3000/".

That worked for me.

Actually, for me, it was because my URI was not exactly the same as requested by the app. I forgot to add "/" at the end.

Actually, it does work with localhost, but it is very tedious.

• First, you need to have https enabled (which from what I can see from your request you seem to have).

• [I don't know if this is mandatory] you need to create a test app* from your main app (https://developers.facebook.com/docs/development/build-and-test/test-apps/)

• Set the redirect OAuth URI to something like https://localhost:4000/auth/ and update also all other URIs in .../instagram-basic-display/basic-display/ settings.

• Finally, don't forget to use the client-id(or app-id) of the test app in your request, which is different than your parent app

I wish you good luck ;)

*IMPORTANT: app-id and app-secret are different in test app!

Go to https://developers.facebook.com/apps/APP_ID/instagram-basic-display/basic-display/ -> Client OAuth Settings and put there not just https://localhost:5000, but exact authentication endpoint used in your application (https://localhost:5000/auth or else)