Facebook OAuth " le domaine de cette URL n'est pas inclus dans le domaine de l'application"
Permettez-moi d'abord de dire que j'ai cherché une réponse à cette question pendant un certain temps...
J'essaie de configurer Facebook OAuth pour travailler avec mon application qui est développée localement sur ma machine. Tout fonctionnait parfaitement avec L'autorisation de Facebook JUSQU'à ce que je passe de l'utilisation de localhost à un autre nom de domaine (toujours local à ma machine.) Maintenant j'ai l'erreur suivante.
Impossible de charger L'URL: le domaine de cette URL n'est pas inclus dans l'application domaine. Pour pouvoir charger cette URL, ajoutez tous les domaines et sous-domaines de votre application dans le champ domaines D'application dans vos paramètres d'application.
Mon fichier hosts contient 127.0.0.1 photovote.dev (fonctionne parfaitement)
MA redirection dans mon application (en utilisant Socialite) est http://photovote.dev/auth/facebook/callback
Dans les paramètres de mon application Facebook...
- mon Domaine d'Application est
photovote.dev - L'URL de mon Site est
http://photovote.dev/ - mon URI de redirection OAuth valide est
http://photovote.dev/auth/facebook/callback
L'URL au moment du message d'erreur être..
Je suis à une perte de ce que le problème est...
Capture D'Écran 1
Capture D'Écran 2
11 réponses
Cela se produit généralement si vous avez entré les mauvais détails lorsque vous avez créé L'application dans Facebook. Ou avez-vous changé une URL d'une application existante?
Pouvez-vous revérifier les paramètres de votre application dans cette page?
Https://developers.facebook.com/apps
Sélectionnez la bonne Application et cliquez sur le bouton modifier;
Vérifiez que les URL et les chemins sont correctement entrés et pointent vers le site où vous avez installé Ultimate Facebook plugin.
Dans le cas où quelqu'un tombe sur cela et cherche ces paramètres (comme je l'étais)
Vous devez
- sur le côté gauche, cliquez sur "+ Ajouter un produit "et sélectionnez" Connexion Facebook " (c'était à le top pour moi)
- Voir les nouveaux paramètres disponibles sur le côté gauche
- vous aurez maintenant ces paramètres OAuth sur ce "paramètres du produit"
Informations Supplémentaires: assurez-vous d'ajouter l'URL de Callback comme http://localhost:3000 de la Valid OAuth redirect URIs champ la page des paramètres de connexion Facebook
J'ai eu le même problème. Je l'ai résolu en ajoutant mon URI de redirection OAuth comme argument à l'appel de fonction getAccessToken:
$redirectLoginHelper->getAccessToken("https://www.example.com/myfacebookcallback")
Si aucun argument n'est envoyé dans cette fonction, le SDK génère lui-même L'URI de redirection qui devrait fonctionner mais dans mon cas, ce N'est pas le cas.
J'espère que cela aide quelqu'un.
Assurez-vous que votre application est publique. Cliquez sur + Ajouter un produit Maintenant, allez à produits = > Connexion Facebook Maintenant, faites ce qui suit:
URI de redirection OAuth valide : example.com/
Désactiver L'URL de rappel: https://example.com/facebookapp
Voici ce que j'ai fait pour résoudre ce problème:
Fondamentalement:
1) Activer "Navigateur Intégré OAuth Connexion "
2) Désactivez " utiliser le mode Strict pour les URI de redirection " et entrez une redirection URI comme je l'ai fait.
3) Laissez toutes les autres options telles qu'elles sont.
4) Enregistrez vos modifications.
5) Profitez :)
J'ai eu le même problème, et il venait d'un mauvais ID client_id / Facebook App ID.
Avez-vous changé votre application Facebook à "public" ou " en ligne ? Lorsque vous le faites, Facebook crée une nouvelle application avec un nouvel ID D'application.
Vous pouvez comparer la valeur du paramètre" client_id " dans l'url avec celle de votre tableau de bord Facebook.
Cliquez sur ici projet de Code ! Son exemple de projet de Code. Son travail pour moi
J'ai eu le même problème,
Je viens d'ajouter le lien de mon adresse locale http://localhost/Facebook%20Login%20Test.html à Site URL dans ma demande de mise en https://developers.facebook.com/apps.
Maintenant, cela fonctionne bien :) j'espère que c'était utile ;)
À partir de 2017-10.
Solution qui a résolu mon problème.
Actuellement que FB rend cette surprise.
...Paramètres OAuth du client de l'application. Assurez-vous que le client et la connexion Web OAuth sont sur ...
Les réglages à régler se trouvent ici https://developers.facebook.com/apps/[your_app_itentifier] / FB-connexion/.
La barre oblique de fin est importante. Ils doivent correspondre dans le code de votre application et dans FB paramètres administrateur. C'est donc une configuration quelque part dans votre code (voir ci-dessous comment obtenir un nom de domaine pour une application dev):
{
callbackURL: `http://my_local_app.com:3000/callback/`, // trailing slash
}
Et ici
Pour obtenir un nom de domaine pour une application sur une machine Windows locale, éditer host fichier. Des noms personnalisés sont bons pour se débarrasser de toutes ces localhost:8080, 0.0.0.0:30303, 127.0.0.0:8000, ainsi de suite. Parce que certains services tiers comme FB ne vous permettent parfois pas d'utiliser des noms 127.0.0.0.
Sous Windows 10 hosts le fichier est ici:
C:\Windows\System32\drivers\etc\hosts
Sauvegarder le fichier initial, créer une copie avec un nom différent (ne fonctionne pas dans Windows CMD natif. J'utilise Git pour Windows, il a beaucoup de commandes Unix)
$ cp hosts hosts.bak
Ajoutez ceci dans hosts
127.0.0.1 myfbapp.com # you can access it in a browser http://myfbapp.com:3000
127.0.0.1 www.myotherapp.io # In a browser http://www.myotherapp.io:2020
Afin de se débarrasser de la partie port :3000 mettre en place NGINX, par exemple.
La façon dont je l'ai corrigé: je suis allé à la zone de texte valide des URIs de redirection OAuth et j'ai défini l'URLexacte , pas seulement le domaine :
Avant: https://my-website.com
Après: https://my-website.com/facebookoauth/facebooklogin
(l'url peut être différent dans votre cas, vérifiez dans la barre d'adresse du navigateur).
Cela a été causé par le paramètre Utiliser le mode Strict pour les URI de redirection, qui a été verrouillé dans la position Oui.