Facebook OAuth "Il dominio di questo URL non è incluso nel dominio del app"

Question

Lasciatemi prima iniziare con dire che ho cercato una risposta a questa domanda per un bel po 'di tempo ...

Sono cercando di configurare Facebook OAuth per lavorare con la mia applicazione che viene sviluppata localmente sulla mia macchina. Tutto funzionava perfettamente con l'autorizzazione di Facebook FINO A quando mi sono trasferito dall'utilizzo di localhost a un altro nome di dominio (ancora locale al mio computer.) Ora sto ottenendo il seguente errore.

Can't Load URL: The domain of this URL isn't included in the app's domains. To be able to load this URL, add all domains and subdomains of your app to the App Domains field in your app settings.

mio file hosts contiene 127.0.0.1 photovote.dev (funziona perfettamente)

mio reindirizzamento nella mia app (usando Socialite) è http://photovote.dev/auth/facebook/callback

Nei miei Facebook Impostazioni App ...

• mia App Domain è photovote.dev
• l'URL del mio sito è http://photovote.dev/
• miei OAuth validi reindirizzare URI è http://photovote.dev/auth/facebook/callback

L'URL al momento del messaggio di errore è ..

https://www.facebook.com/v2.5/dialog/oauth?client_id=XXXXXXXXXXXXXXX&redirect_uri=http%3A%2F%2Fphotovote.dev%2Fauth%2Ffacebook%2Fcallback&scope=email&response_type=code&state=0ztcKhmWwFLtj72TWE8uOKTcf65JmePtG95MZLDD

Sono ad una perdita di quale sia il problema. ..

screen shot 1

Screen Shot 2

Answer 1

Questo di solito accade se hai inserito i dettagli sbagliati quando hai creato l'App in Facebook. O hai cambiato l'URL di un'app esistente?

Potete ricontrollare le impostazioni della vostra APP in questa pagina?

https://developers.facebook.com/apps

1. Selezionare la corretta applicazione e fare clic sul pulsante Modifica;

2. Controllare gli URL & i percorsi sono stati inseriti correttamente e puntano al sito in cui è stato installato il plug-in Ultimate di Facebook.

Answer 2

Ho avuto lo stesso problema e proveniva da un ID app client/id errato.

Forse si accende l'app Facebook per "pubblico" o "on-line? Quando lo fa, Facebook crea una nuova applicazione con un nuovo ID App.

È possibile confrontare il 'valore del parametro client_id' nell'URL con quello nella tua bacheca di Facebook.

Answer 3

Nel caso in cui qualcuno si imbatte in questo ed è alla ricerca di queste impostazioni (come ero)

Devi

1. Sul lato sinistro, fai clic su "+ Aggiungi Prodotto" e selezionare "Facebook login"(è stato in alto per me)
2. Vedere le nuove impostazioni disponibili sul lato sinistro
3. ora avrete queste impostazioni OAuth su quel 'impostazioni prodotto'

Informazione supplementare: Assicurarsi di aggiungere l'URL di richiamata come http://localhost:3000 al campo Valid OAuth redirect URIs nella pagina delle impostazioni di Facebook Login

Answer 4

Ho avuto lo stesso problema,

ho appena aggiunto il collegamento del mio indirizzo locale http://localhost/Facebook%20Login%20Test.html a Site URL nell'impostazione della mia applicazione https://developers.facebook.com/apps.

Ora funziona benissimo :) Spero che questo è stato utile;)

Answer 5

Ho avuto lo stesso problema. Ho risolto aggiungendo il mio OAuth reindirizzare URI come argomento per la chiamata di funzione getAccessToken:

$redirectLoginHelper->getAccessToken("https://www.example.com/myfacebookcallback") 

Se nessun argomento viene inviato in quella funzione l'SDK genera il reindirizzamento URI da sé che dovrebbe funzionare, ma nel mio caso è didn 't.

Spero che questo aiuti qualcuno.

Answer 6

Assicurati che l'app sia pubblica. Cliccare su + Aggiungi prodotto Ora vai ai prodotti => Facebook Login Ora effettuare le seguenti operazioni:

OAuth validi reindirizzare URI: example.com/

Rimuovi autorizzazione Callback URL: https://example.com/facebookapp

Answer 7

Most le risposte riguardano l'aggiunta dell'URL al dominio dell'app, ma quando si lavora in una società non si dispone di questi accessi. Per quelli, è possibile ignorarlo semplicemente creando un host virtuale e creando una voce host.

---

aggiungere questo nel file host (/ etc/hosts) 127.0.0.1 www.your_domain.com

creare un host.I virtuali hanno utilizzato questo per Apache host virtuale

ServerAdmin webmaster @ localhost ServerName www.your_domain.com

ProxyPass/http://localhost:5006/ 
    RewriteMap lc int:tolower 
    LogLevel debug 

Answer 8

Nella sezione dominio App, si sta scrivendo il dominio app, ma è anche necessario aggiungere il dominio di accesso vale a dire il nome della pagina html in cui si chiede all'utente di effettuare il login. Nel mio caso, lo stavo testando su localhost e il percorso di accesso era localhost/login, se inserisco solo http://localhost.com nella sezione del dominio app, ottengo questo errore. Ma dopo aver aggiunto http://localhost/login.com, l'errore è stato corretto. e anche le impostazioni dell'applicazione sono cambiate nella versione più recente di SDK, in cui non esiste alcuna opzione per il percorso di reindirizzamento OAuth. Devi assegnare il percorso di reindirizzamento direttamente dal lato server, dopo aver ottenuto correttamente il token OAuth.

Answer 9

Questa opzione deve essere abilitato portale:

Answer 10

Questo ha funzionato per me:

Ecco la cosa principale da capire: Facebook sarà sempre verificare la "WWW" dominio. Quindi assicurati che www.your_domain.dev funzioni prima sul tuo browser.

È possibile che se si dispone di più host virtuali sul server locale, alcuni altri host virtuali sovrascrivano "www.your_domain.dev". Quindi per favore controlla quello Apache sceglierà la PRIMA definizione di dominio (o porte, o qualcosa in questi termini - non sono esperto in questo, ma imparato da errori). Una soluzione rapida facile per questo imperativo host virtuale è quello di mettere "www.your_domain.dev definizione host virtuale sulla cima del file 'httpd-vhosts.conf'.

Vai a" /apache/conf/https-vhosts.conf "e mettere questo sulla cima del file:

<VirtualHost *:80> 
<Directory "C:/your_app_folder_path/"> 
    Options FollowSymLinks Indexes 
    AllowOverride All 
    Order deny,allow 
    allow from All 
</Directory> 
ServerName your_domain.dev 
ServerAlias your_domain.dev 
DocumentRoot "C:/your_app_folder_path/" 
</VirtualHost> 

###### FOR SSL ##### 
<VirtualHost *:443> 
    DocumentRoot "C:/your_app_folder_path/" 
    ServerName your_domain.dev 
    ServerAlias www.your_domain.dev 
    SSLEngine on 
    SSLCertificateFile "conf/ssl.crt/server.crt" 
    SSLCertificateKeyFile "conf/ssl.key/server.key" 
    <Directory "C:/your_app_folder_path/"> 
     Options All 
     AllowOverride All 
     Require all granted 
    </Directory> 
</VirtualHost> 

successivo: Se si utilizza il sistema di Windows, modificare il file "" in" hosts C: \ Windows \ System32 \ drivers \ etc "aggiungendo due righe:

127.0.0.1 your_domain.dev 
127.0.0.1 www.your_domain.dev 

Successivo: Riavvia il server Apache e tutto dovrebbe funzionare ora.

---

Spero che questo possa aiutarti e farti risparmiare tempo. Ho perso quasi un giorno intero a spulciare il web e mi sono tirato fuori i capelli e non ho trovato nulla di utile finché non ho trovato questo.

Answer 11

A partire dal 2017-10.

Soluzione che ha risolto il mio problema.

Attualmente questo FB rende questa sorpresa.

...app’s Client OAuth Settings. Make sure Client and Web OAuth Login are on...

Le impostazioni per regolare si trovano qui https://developers.facebook.com/apps/[your_app_itentifier]/fb-login/.

La barra finale è importante. Devono corrispondere nel codice dell'app e nelle impostazioni di amministratore FB. Quindi questa è una configurazione da qualche parte nel codice (vedi sotto come ottenere qualsiasi nome di dominio per un app dev):

{ 
    callbackURL: `http://my_local_app.com:3000/callback/`, // trailing slash 
} 

e qui

Per ottenere qualsiasi nome di dominio per un app su un computer Windows locale, modificare il file host. I nomi personalizzati sono buoni per sbarazzarsi di tutti quelli localhost:8080, 0.0.0.0:30303, 127.0.0.0:8000, così via. Perché alcuni servizi di terze parti come FB a volte non riescono a farti usare i nomi 127.0.0.0.

In Windows 10 hosts file è qui:

C:\Windows\System32\drivers\etc\hosts 

file di Backup iniziale, creare una copia con nome diverso (. Non funziona in nativo di Windows CMD Io uso Git for Windows, ha molti comandi Unix)

$ cp hosts hosts.bak 

Aggiungere questo 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 

Per eliminare la parte della porta :3000 impostare NGINX, ad esempio.

Answer 12

Ecco che cosa ho fatto per risolvere questo problema:

In sostanza:

1) Enable "incorporato Browser OAuth Accesso"

2) Disattiva "Utilizzare la modalità Strict per reindirizzamento URI "e immettere un reindirizzamento URI come il mio modo di fare.

3) Lascia tutto il resto delle opzioni così come sono.

4) Salvare le modifiche.

5) Enjoy :)

Answer 13

Click here Code Project! Esempio di codice del progetto. Il suo lavoro per me

Answer 14

Questo stesso errore Facebook mi è successo in un ambiente di produzione. Il motivo era che avevo 2 app registrate con Facebook (locale, produzione) ma ho codificato l'ID app locale nel codice sorgente e ho dimenticato di spegnerlo per l'ID app di produzione prima della distribuzione.

Le best practice impongono che l'ID dell'app non sia codificato nel codice sorgente ma, in caso contrario, non mismatchare i vari ID delle app di Facebook come ho fatto per errore.

Answer 15

Utilizzo del mio server locale.

La semplice aggiunta di http://localhost/my-site come un URL in:

https://developers.facebook.com/apps/YOUR-APP-ID/fb-login/

ha lavorato per me.