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/

I'm using the gems:

gem 'omniauth'
gem 'omniauth-foursquare'
gem 'omniauth-instagram'

When I register through omniauth with Foursquare there's no problem at all. All the settings are right and my redirect_uri in the Foursquare developer settings equals to the host (localhost:3000)

However, if I fill in the exact same redirect_uri (localhost:3000) in the Instagram client manager*. Instagram gives me this:

{
 "code": 400,
 "error_type": "OAuthException",
 "error_message": "Redirect URI does not match registered             redirect URI"
}

Based upon this URL:

https://instagram.com/oauth/authorize?response_type=code&client_id=<ID>&redirect_uri=http%3A%2F%2Flocalhost%3A3000%2Fauth%2Finstagram%2Fcallback&state=18415adf24dd97873e61094f67c0fb7a94857fedf93e9d2e&scope=basic

*

What am I doing wrong according to Instagram and how should this be fixed?

Answer 1

Fixed the issue myself. Added localhost:3000/auth/instagram/callback as redirect_uri and it worked just fine.

Answer 2

I needed to add

http://localhost:3000/users/auth/instagram/callback

as my callback URI because I'm using Devise.