Invalid redirect URI on spotify auth

Question

I try to auth user through my app with spotify Web API but I receive this error:

INVALID_CLIENT: Invalid redirect URI

URL:

GET https://accounts.spotify.com/authorize/?client_id=6ae90bf75bf748c8874a75d16682f0c5&response_type=code&redirect_uri=https%3A%2F%2Fexample.com%2Fcallback&scope=user-read-private%20user-read-email

I cant see where is the problem... Can you help?

score 104 · Answer 1 · answered Oct 05 '15 at 20:24

104

You have to add the redirect URI to the White-list in "My Applications" panel.

e.g http://example.com/callback/

answered Oct 05 '15 at 20:24

mallendeo

1,272
1
8
13

1

Ok, i added the url in the white list but i get the same error. – realdark Oct 05 '15 at 21:11
9

I forgot to add slash after redirect_uri. Redirect url need to be eq with the url from the white list. Thank you for help mallendeo. – realdark Oct 06 '15 at 07:23
3

and then what? I am running a CLIENT not a server. – CashCow Jun 02 '17 at 17:35
Spotify App Panel > Edit Settings > Add URL – Survivor - 2012 Feb 02 '19 at 23:00
Works perfectly! – Marcos Mendes May 30 '20 at 00:31
If this solution doesn't work, try to reset the navigator cache. It worked for me (I just changed to Chrome Incognito). – mochomecha Aug 16 '20 at 19:31

score 27 · Answer 2 · edited Oct 21 '19 at 18:05

27

app.js:

var redirect_uri = 'http://localhost:8888/callback';

(https://developer.spotify.com/dashboard) Spotify > My application:

http://localhost:8888/callback

Dont forget to save.

edited Oct 21 '19 at 18:05

Ashden

5
4

answered Aug 17 '17 at 04:12

skdev75

639
6
7

1

This answer is still relevant in 2020 and solved my problem, thank you. – 10110 Feb 09 '20 at 05:57

score 7 · Answer 3 · answered May 15 '19 at 23:21

I ran into a similar issue when authenticated via Authorization Code Flow.

Per the docs The value of this parameter must exactly match the value of redirect_uri supplied when requesting the authorization code. So make sure that the:

redirect_uri that is configured in the dashboard
redirect_uri in the GET https://accounts.spotify.com/authorize
redirect_uri in the POST https://accounts.spotify.com/api/token

is exactly the same or else you will get a INVALID_CLIENT: Invalid redirect URI

score 5 · Answer 4 · answered Mar 25 '20 at 22:31

Navigate to your Spotify developer dashboard and open the project you are working on.

Next click "edit settings" and look for the redirect URIs field.

Put your redirect URI in the field. ex: http://localhost:8888/callback

Click save.

You should be good

score 2 · Answer 5 · answered Apr 17 '17 at 14:37

First. You have to be sure that you're using app.js from authorization_code directory.

Second. Be sure you edited app.js. That third line is important.

var client_id = '---'; // Your client id
var client_secret = '---'; // Your secret
var redirect_uri = 'http://localhost:8888/callback'; // Your redirect uri - EXAMPLE

score 2 · Answer 6 · answered Aug 22 '18 at 13:16

I use the SpotifyAPI-NET API wrapper by JohnnyCrazy and was having this problem despite adding the URL I specified in my wrapper call to my white list as specified above.

The browser's address bar should show the redirect URL it is using buried in the middle of the string - I found that it was also making a request with "https://accounts.spotify.com:8000/authorize" as the redirect URL - perhaps the wrapper is making 2 API calls, but I found that only by whitelisting both this URL and the one I was specifying would it work for me.

score 1 · Answer 7 · answered Nov 24 '19 at 01:07

1

This error also appears when the redirect_uri is missing in the request. I figured that out the hard way due to writing "redirect_url" (with an L) instead.

Took me way too long to figure out. Hopefully this can save someone else some time.

answered Nov 24 '19 at 01:07

William Lindblom

13
2

score 1 · Answer 8 · answered Jan 20 '21 at 10:04

This is super specific, so make sure you have exact url in each place.

In my app dashboard on spotify I had: http://localhost:3005/

And my url is: https://accounts.spotify.com/authorize?client_id=XXXXXXXXXXXXXXXXX&response_type=code&redirect_uri=http %3A%2F%2Flocalhost:3005/&scope=user-read-currently-playing%20user-top-read

Note the trailing slash in both places.

score 0 · Answer 9 · answered Sep 11 '19 at 14:43

+1 to adding 'http://localhost:8888/callback' to the Redirect URIs list in your App's settings via https://developer.spotify.com/dashboard/applications

It's a shame this is not mentioned on the quick start: https://developer.spotify.com/documentation/web-playback-sdk/quick-start/

score 0 · Answer 10 · answered Dec 02 '19 at 05:35

Include a path after the first pair of forward slashes. For example: Your app name is My Awesome App The redirect URI may be my-awesome-app-login://callback or awesomeprotocol123://returnafterlogin.

For more information please refer this link Spotify Redirect URI Example

Nishaad Navkal · Answer 11 · 2019-10-28T21:17:19.943

-1

I played around with various URLs for some time, none of them gave me the correct functionality except http://localhost:8888/callback/ (note the trailing slash). Be sure to add that to the whitelist as well.

edited Oct 28 '19 at 21:17

answered Oct 28 '19 at 16:09

Nishaad Navkal

21
3

Invalid redirect URI on spotify auth

11 Answers11

Linked