Nom de domaine de l'application Facebook en cas d'utilisation de l'hôte local

Question

D'après un tutoriel ici :
http://ankurm.com/blog/api/using-localhost-for-facebook-app-development/1091/

J'ai essayé de mettre en place une zone de développement local pour mon application Facebook. Mais quand je mets " http://localhost:85/my_app/ "comme nom de domaine, Facebook dit

Domaines d'application : " http://localhost:85/app-name/ "ne doit pas contenir d'informations sur le protocole.

De même, lorsque je mets "localhost:85/my_app/" comme nom de domaine, j'obtiens l'erreur suivante :

Domaines de l'application : localhost:85/my_app/ n'est pas un domaine valide.

Answer 1

C'est ce que j'avais l'habitude de faire.

Si vous utilisez Windows, vous devez modifier le fichier hôte. L'emplacement du fichier hôte sera à %SystemRoot%\System32\drivers\etc\

Ajoutez une nouvelle ligne dans le fichier hôte comme ceci

127.0.0.1    localhost.YOUR-SITE-NAME.com

Enregistrez le fichier hôte.

Allez dans le panneau de contrôle des paramètres des applications FB et donnez localhost.YOUR-SITE-NAME.com dans le champ Apps domain. Enregistrez les modifications.

Maintenant, chargez votre environnement local comme localhost.YOUR-SITE-NAME.com à partir de votre navigateur.

NB : remplacez YOUR-SITE-NAME par votre nom de domaine.

Answer 2

Solution de travail (août 2018)

Tout d'abord, sélectionnez votre application dans le tableau de bord des développeurs .

Ensuite, assurez-vous que votre application est dans mode de développement car il autorise l'utilisation de localhost sur HTTP. Pour ce faire, cliquez sur le bouton situé en haut à droite de la page de votre application.

Enfin, veuillez respecter les remarques ci-dessous, car elles peuvent causer des problèmes si elles sont mal remplies :

• Settings > Basic > App Domains doit être vide
• Products > Facebook Login > Settings > Valid OAuth Redirect URIs doit être vide

Answer 3

Vous pouvez soit laisser le champ vide, soit utiliser localhost , http://localhost:85/my_app/ est l'URL

Answer 4

Quand j'ai écrit ce tutoriel, à cette époque, le port était autorisé dans le domaine des applications. Et j'étais capable de faire fonctionner l'application avec le port 81 (serveur wamp). Maintenant il semble que facebook n'autorise pas le port dans l'url. Vous pouvez utiliser localhost dans le domaine des applications.

Je mettrai les informations à jour dès que possible. J'essaie de trouver une solution.

Une solution temporaire est d'utiliser localtunnel http://progrium.com/localtunnel/

Answer 5

Je l'ai testé et cela fonctionne pour moi [février 2020] :

1. Installez ngrok et récupérez votre url https (exemple : https://a3asdf23.ngrok.io )
2. Allez dans FB App Dashboard Settings (Basic) -> sous App Domains -> ajouter https://a3asdf23.ngrok.io , https://ngrok.io .
3. Sur la même page, faites défiler vers le bas, Ajouter une plateforme (site web), définissez l'url comme suit https://a3asdf23.ngrok.io . Pas encore terminé, cliquez sur QuickStart -> sous "Parlez-nous de votre site web", mettez la même url. https://a3asdf23.ngrok.io .
4. Ensuite, allez dans Produits -> Connexion Facebook -> Paramètres -> Paramètres OAuth du client -> URI de redirection OAuth valides -> ajoutez les éléments suivants https://a3asdf23.ngrok.io , https://ngrok.io , https://a3asdf23.ngrok.io/{your-redirect-uri} .

Et voilà. Remercie-moi plus tard :)