Javascript Parse Facebook Login Issue

Question

I am getting:

Given URL is not whitelisted in Client OAuth Settings: This redirect failed because the redirect URI is not whitelisted in the app’s Client OAuth Settings. Make sure Client and Web OAuth Login are on and add all your app domains as Valid OAuth Redirect URIs.

I have set the example.com/app in Site Url in FB settings. I have the right Parse appId, JSKey. I have put facebook auth details in parse, and parse confirmed it recognized them. I have, in fb, Client OAuth and web oauth enabled.

It requires me, Valid OAuth redirect URIs, so I have put

example.com, example.com/app, example.com/app/page.html.

Nothing fixes the error. I have tried every tweak and every combination. I tried adding and removing the app domain. Tweaking with the example.com/app app folder in Site URL. Maybe not include it.

Nothing helps, I'm stuck, what am I doing wrong? (I'm doing exactly the same on localhost btw, and it works)

Solution 1

After the new Developer portal updates, the OAuth redirect URIs can now be found under

Products > Facebook Login > Settings > Client OAuth Settings

or you can access via url: https://developers.facebook.com/apps/{appid}/fb-login/

Solution 2

I'm also faced this problem. On my situation site url writen with "www". If you site adress http://example.com then http://www.example.com is different website for facebook sdk. In facebook application console go

Settings > Advanced > Client OAuth Settings >Valid OAuth redirect URIs

Write here www version also. It must work

Solution 3

I also faced the error while trying to integrate Facebook login on my localhost in a Rails app and fixed it by removing the trailing slash from the URL specified in Valid OAuth redirect URIs

It was: http://localhost:3000/auth/facebook/callback/

It was supposed to be http://localhost:3000/auth/facebook/callback

Thanks to @CBroe comment to check the redirect_uri and found that in the URL in the browser's address bar it was

https://www.facebook.com/dialog/oauth?client_id=<my_app_client_id>&redirect_uri=http://localhost:3000/auth/facebook/callback&response_type=code&scope=email&state=afcbee26c2ce5077f844ce864780082991d36e6c3e10863a

and in my Valid OAuth redirect URIs it was mentioned http://localhost:3000/auth/facebook/callback/ (note the trailing slash at the end)

Hope this helps anyone facing this problem with the URL problem I had.

Solution 4

I've just had the issue (November 5, 2017), after years of it working properly.

My issue was that the callback url was in the wrong place in the Facebook admin page. You need to put it in the "Facebook Login" "Products" (in the left menu, in the Facebook admin console, NOT in the "Advanced settings":

https://developers.facebook.com/apps/{{your FB app id}}/fb-login/settings/

You need to put the port number if you have one, e.g. in my case http://local.dishly.menu:3000/

View more solutions