Oauth2 Instagram API “redirect URI does not match registered redirect URI”

Question

I am working on a Rails application which is in development mode and it can register with omniauth.

The host is

http://localhost:3000/

Answer 1

...Or you can follow the instructions here:

https://instagram.com/developer/authentication/?hl=en

See "Step One: Direct your user to our authorization URL" section.

Just simply supply your CLIENT_ID and REDIRECT_URI.

https://api.instagram.com/oauth/authorize/?client_id=CLIENT-ID&redirect_uri=REDIRECT-URI&response_type=code

Answer 2

When you specify a redirect URI http://localhost:3000 is not the same as http://localhost:3000/ (note the trailing slash).

Make sure the callback URI matches exactly.

Answer 3

I mucked around with this for ages.. perhaps it has changed but: http://localhost:3000/users/auth/instagram/int_callback was the callback URI that finally worked for me. The ONLY issue i was having was that it was exactly an incorrect callback uri and wish I had seen here that I should be focusing on my Instagram setup instead of modifying my code.. to get the error message means everything else is working (so far), otherwise you would not be getting that particular error message. Good luck!! - don't get distracted!

Answer 4

This isn't a ruby-specific but for anyone else wrestling w/this here's what got me past it (note: nothing in above answers worked for me):

• 1. Edit your Client on Instagram Developer and uncheck Disable implicit OAuth.
• 2. Click Update Client to save it.
• 3. Now go to https://instagram.com/oauth/authorize/?client_id=[CLIENT_ID]&redirect_ur.... Just change [CLIENT_ID] and [REDIRECT_URI] with their values.
• 4. After that you will be redirected to [REDIRECT_URI]/#access_token=[ACCESS_TOKEN]. Get it and place it on the Instagram Access Token textbox.

(Source: https://www.drupal.org/project/instagram_feeds/issues/2140479)