2017-08-29 2 views
1

J'essaie de tester localement mon bouton "Continuer avec Facebook". Je reçois cette erreur en me disant que l'URL est invalide. Voici comment j'ai configuré les paramètres OAuth de mon application. Basé sur toutes mes recherches ceci est configuré correctement mais quelque chose ne va pas. J'utilise npm http-server pour exécuter une instance locale de mon site. Il fonctionne sur localhost: 8080Test "Facebook Login" localement

Err

Fb settings

enter image description here

enter image description here

Selon la dernière image, il ne me laissera pas ajouter domaine tel que "http://localhost:8080". Il me permet d'ajouter que "localhost"

+0

_ "Selon la dernière image, il ne me laissera pas ajouter un domaine tel que" 'http: // localhost: 8080'". Il me permet seulement d'ajouter "localhost" "_ - bravo, vous venez de découvrir la différence entre un nom de domaine, et une URL ... – CBroe

+1

Allez voir quelle est la valeur du paramètre redirect_uri dans votre boîte de dialogue de connexion (barre d'adresse du navigateur). Cette valeur exacte doit figurer dans votre champ URI de redirection OAuth valide. – CBroe

Répondre

0

Si l'URL de votre production réelle est domain.com puis dans FB> Paramètres> App Domaines, ajouter l'URL supplémentaire local.domain.com. Ensuite, sur votre machine locale dans le fichier/etc/hosts (ou Windows equivalent) ajouter l'entrée:

127.0.0.1 local.domain.com 

Dans un navigateur, accédez à local.domain.com et que l'URL sera servi par votre machine locale (c'est-à-dire localhost). Cela permettra de garder Facebook Login heureux lors de l'exécution d'une version de test/développement.

Vous aurez également besoin de whitelist IP de votre machine (FB> Paramètres> Avancé> Sécurité> IP du serveur de liste blanche) et ajouter un montant supplémentaire http://local.domain.com/callback (FB> Connexion Facebook> Paramètres> OAuth Valid redirect URIs).