Facebook App: localhost ne fonctionne plus comme domaine d'application
J'ai écrit un jeu pour Facebook à l'aide de Rails et de jQuery. Depuis que j'ai commencé à utiliser le Facebook SDK Javascript, utilisant localhost comme un domaine d'application semble très bien fonctionner. J'ai pu tester mon jeu à la fois localement et sur Heroku.
Dans la journée en cours, il semble que Facebook a fait une grosse mise à jour de leur développeur de l'INTERFACE utilisateur. Maintenant, si je ajouter localhost comme un domaine d'application, il me donne l'erreur suivante:
Ce doit être dérivée à partir d'une Toile URL, Sécurisé Toile URL, URL du Site, URL du Site Mobile, Page Tab URL ou la Page Sécurisée de l'Onglet URL. Vérifiez et corrigez les domaines suivants: localhost
Mon jeu aussi maintenant ne fonctionne pas en local et j'ai une erreur quand le SDK Javascript connecte l'utilisateur:
API Code d'Erreur: 191 API Description de l'Erreur: L'URL spécifiée n'est pas
appartenant à l'application Message d'Erreur: Invalid redirect_uri: étant Donné
L'URL n'est pas autorisée par la configuration de l'Application.
Cela ne se produit pas lorsque je déploie mon jeu, depuis herokuapp.com est considéré comme valide domaine de l'application.
Comment suis-je censé développer et de tester mon jeu si je ne peux plus utiliser localhost ou 127.0.0.1?
- Quelles valeurs avez-vous pour Toile URL, Sécurisé Toile URL, URL du Site, URL du Site Mobile, Page Tab URL ou la Page Sécurisée de l'Onglet URL ?
- hé les gars je l'ai eu, vous devez créer un nouveau "test de l'application", ils devraient f*****g le mentionner sur la page des paramètres de l'application, 1h de recherche pour enfin le faire fonctionner sur localhost:port
- Eh bien, je suis "domaines de premier niveau ne sont pas autorisés". Comme vous l'avez dit, f*****g
- "En vertu de la Client oAuth paramètres, où il est dit d'Utiliser le Mode Strict pour Rediriger les Uri assurez-vous qu'il est défini à Non et du coup le sauver." -- wp-native-articles.com/blog/news/...
Vous devez vous connecter pour publier un commentaire.
Le protocole semble en constante évolution, et l'on a accepté la réponse n'a pas fonctionné pour moi aujourd'hui. Dans le cas où il aide d'autres chercheurs, c'est ce qui a fonctionné pour moi:
1.) Dans le centre en vertu de la première boîte d'options, cliquez sur "+ Ajouter une Plate-forme" et choisissez "Site web" (ou tout ce qui est approprié pour votre application.)
2.) Dans la boîte qui vient pour le site web que vous venez d'ajouter: URL du Site:
http://localhost:3000/
3.) Dans l'encadré ci-dessus que (Paramètres => Base): Domaine d'Application:
localhost
4.) En bas à droite - cliquez sur "Enregistrer les Modifications"
5.) Assurez-vous d'avoir l'ID de l'application copié et collé correctement dans votre code. (L'ID est dans la première case de la page si vous en avez à nouveau besoin.)
localhost
que cela n'a pas déjà travaillé avant. Merci pour la bonne réponse.Vous pouvez toujours tester votre application sans la déployer sur un serveur distant comme heroku.
L'astuce est de mettre à jour le
etc/hosts
fichier de cette façon:Puis sur le Facebook de l'Application paramètres, tapez [http://] mydomain.com sans les "[" et "]"
Il a travaillé pour moi de cette façon
Pour tout le monde qui est de tripoter cette en 2017. L'interface a changé à nouveau. Je voulais commenter ce pour la réponse, mais je n'ai pas assez de réputation. Le localhost url de votre application doit être copié à trois endroits. Actuellement, (le 26 octobre 2017) la séquence est:
1.) Cliquez sur "Paramètres" dans le menu de gauche.
2.) Dans le centre en vertu de la première boîte d'options, cliquez sur "+ Ajouter une Plate-forme" et choisissez "Site web" (ou tout ce qui est approprié pour votre application.)
3.) Dans la boîte qui vient pour le site web que vous venez d'ajouter copie de votre localhost url du site (f.e. http://localhost:3000/)
4.) Dans l'encadré ci-dessus que "Domaine d'Application" copier la même URL
5.) En bas à droite - cliquez sur "Enregistrer les Modifications"
6.) Dans le menu de gauche sous "Produits", cliquez sur "Facebook Login" (ou l'ajouter via "+ Ajouter des Produits", si elle n'est pas disponible)
7.) Vous êtes maintenant dans l'Facebook les paramètres de Connexion. Copier l'adresse url dans le champ "Valide OAuth redirect Uri"
Cela devrait fonctionner.
Juste ajouter localhost en tant que votre toile url ou url du site mobile, ce qui vous permettra d'avoir à la fois localhost et herokuapp.com dans votre Domaine d'Application réglage. Ensuite, une fois que votre application est en production, il suffit de retirer.
C'est une mauvaise façon. Vous devez créer une application de test à l'aide de Test dans l'onglet paramètres de l'application. Et vous pouvez alors saisir votre stade de développement de l'url (par exemple localhost) pour votre application.
Solution à l'aide de Firebase
Afin de le faire fonctionner sur
localhost
, port3000
je n'ai suivantes:localhost
App Domaineshttp://localhost:3000/
à l'URL du Site par choix de "+ Ajouter" Plate-forme deJusqu'à ce point, j'avais suivi toutes les réponses précédentes présentées ici, mais rien n'a fonctionné.
Donc...
Dans le menu de gauche, sélectionnez "Ajouter un Produit"
Ajouter "Facebook Login"
Vous sera présenté avec un flux de travail carrousel, à défaut de domaine
http://localhost:3000/
, cliquez sur "continuer" jusqu'à la fin.Sélectionnez "Facebook Login > Paramètres" dans le Menu Produit.
Entrez votre Firebase OAuth redirect URI (trouvé lorsque l'option activer le Facebook Login dans votre firebase console https://console.firebase.google.com, exemple ci-dessous)
Fait.
Essayez d'utiliser l'url avec le port, par exemple
J'ai eu le même problème et a trouvé cette solution maintenant.
Cela fonctionne pour moi en heroku, le localhost chose ne fonctionne pas (pour moi). J'espère que cela aide
1.) Dans le centre en vertu de la première boîte d'options, cliquez sur "+ Ajouter une Plate-forme" et choisissez "Site web" (ou tout ce qui est approprié pour votre application.)
2.) Dans la boîte qui vient pour le site web que vous venez d'ajouter: URL du Site: http://MYAPP.herokuapp.com/ (remplacer MYAPP avec le nom de votre application)
3.) Dans l'encadré ci-dessus que (Paramètres => Base): Domaine d'Application: MYAPP.herokuapp.com (remplacer MYAPP avec le nom de votre application)
4.) En bas à droite - cliquez sur "Enregistrer les Modifications"
Juste une remarque pour certains autres qui ont des difficultés avec ce que j'étais. Je n'ai pas été en mesure d'obtenir que cela fonctionne avec "test" des applications. À l'aide de mon réel des paramètres de l'application (et ajoutant simplement
à ma toile URL) a travaillé comme tout le monde l'a suggéré. Il semble tester les applications ne sont pas l'égalité réelle des apps.
J'ai rencontré un problème avec mon application Rails que j'ai l'habitude de courir avec http://localhost:3000 parce que Facebook exige maintenant la validité de la OAuth redirection d'utiliser le protocole https.
Utiliser https localement, j'ai utilisé [ngrok][1] qui permet d'utiliser le protocole https en fournissant un tunnel. Pour ce faire:
faire de test local tout ce que vous avez à faire est de désactiver l'application, ou de mettre le facebook app, le mode de développement. Ensuite, Facebook va vous permettre de vous seul, pour accéder à l'application
Pour moi, il a travaillé comme ceci:
Configuration de l'facebook app tableau de bord:
*Sur l'onglet 'basic':
1) en Laissant le domaine de l'application vide.
2) l'Effacement de toute plate-forme. Sens: aucun site web n'toile plate-forme. (donc pas de site-URL champ à remplir)
*Sur l'onglet 'avancé':
3) je suis entré dans le Valide OAuth redirect Uri:
4) au sujet de mon code,
insdie mon c:/xampp/htdocs/localhost/myappfolder/index.php (ce fichier fait l'loginURL):
à l'intérieur de la redirect.php fichier:
et j'ai eu une séance! enfin!!! pas besoin de me pendre à la fin 😛