Message de connexion Facebook: "URL bloquée: cette redirection a échoué car L'URI de redirection n'est pas sur la liste blanche dans les paramètres OAuth du Client de l'application."

Comme l'écrit le questionneur

Dans l'onglet Avancé, les URI de redirection OAuth valides sont définis sur: ...

Et j'ai eu le même problème (écrire l'url de redirection dans le mauvais champ de saisie) je voudrais souligner que

Ce n'est PAS

Settings -> Advanced -> Share Redirect Whitelist

Mais

Facebook Login -> Settings -> Valid OAuth redirect URIs

Cela m'aurait évité de 2 heures d'essais et d'erreurs.

Cela a fonctionné pour moi.

redierct_url = http://127.0.0.1:8080/accounts/facebook/login/callback/

Je l'ai obtenu à partir de mon navigateur après avoir cliqué sur le bouton Facebook, votre navigateur sera redirigé vers un lien pour l'intégration avec L'API Facebook, donc où vous obtiendrez cette redirection. Pour mon cas, le lien était celui-ci d'où j'ai eu le redirect_url.

Https://www.facebook.com/dialog/oauth?client_id=...&scope=&response_type=code&state=...&redirect_uri=http://127.0.0.1:8080/accounts/facebook/login/callback/

Assurez - vous que "App Domain " et Facebook Login = > URI de redirection OAuth valide. Là, vous devez vérifier www ou sans www. C'est mieux si vous utilisez avec www ou sans pour toutes les URL en php, html, fichiers css et paramètres de L'application Fb.

Une autre chose est que si vous utilisez " / " fin des URL, vous devez ajouter cette URL aux paramètres de l'application de URI de redirection OAuth valide . Exemple:- https://www.example.com/index.php/ si cette url si vous utilisez dans l' URL de redirection vous devez définir les paramètres de l'application.

J'espère que ce serait utile.

Pour mon application Node,

"facebook": {
        "clientID" : "##############",
        "clientSecret": "####################",
        "callbackURL": "/auth/facebook/callback/"
    }

Mettez L'Url de rappel relative

Mes URI de redirection OAuth comme suit

Assurez-vous que "/" à la fin de Facebook auth redirect URI

Ces configurations ont fonctionné pour moi.

Changer de hauth.fait Facebook Facebook à hauth_done = Facebook dans les URI de redirection OAuth valides, il a été corrigé pour moi.

Essayez d'ajouter http://openstrategynetwork.com/ sigin-facebook {[4] } vers les paramètres OAuth du Client URL de redirection valide avec votre propre URL de redirection.

Aide de connexion de votre site

$loginUrl = $helper->getLoginUrl('xyz.com/user_by_facebook/', $autorisations);

Les URI de redirection OAuth valides doivent également être identiques à xyz.com/user_by_facebook/

Comme mentionné précédemment lors de la demande à partir du web

, Nous avons eu le même problème, un tel cauchemar.

1. Assurez-vous que vos Id D'application et vos clés secrètes sont corrects. Si vous utilisez des applications de développement, de mise en scène et de production distinctes pour les tests, les ID D'application et les clés secrètes sont tous différents pour chaque application. C'est souvent le problème.

2. Assurez-vous que l'URL de rappel est correctement définie dans le fichier de configuration de votre application (Voir ci-dessous). Et puis ajoutez ceci comme même URL sous" Facebook Login "paramètres où il est dit" valide OAuth redirige les URI ". Il devrait ressembler à ceci (en fonction de votre environnement):

http://localhost/auth/facebook/callback http://staging.example.com/auth/facebook/callback http://example.com/auth/facebook/callback

1. assurez-vous que votre domaine d'application est défini sur le bon de domaine pour chaque environnement, y compris les "www" et "www". Facebook exige également que ces domaines correspondent à L'URL de votre site web ou de votre plate-forme d'application. Vous devrez sélectionner " Add Platform " pour ajouter ceci.

Dans mon cas, j'intégrais la connexion Facebook dans un tutoriel D'application Rails. J'avais ajouté http://localhost:3000/adsf à mes URI de redirection OAuth valides, mais L'application Rails ouvrirait l'url comme http://0.0.0.0:3000 {[2] } et tenterait donc de rediriger vers http://0.0.0.0:3000/asdf . Après avoir ajouté http://0.0.0.0:3000/asdf vers les URI de redirection OAuth valides, ou naviguer vers http://localhost:3000/asdf , cela a fonctionné comme prévu.