Nombre de dominio de la aplicación de Facebook cuando se usa localhost

De un tutorial aquí:
http://ankurm.com/blog/api/using-localhost-for-facebook-app-development/1091/

Intenté configurar un área de desarrollo local para mi aplicación de Facebook. Pero cuando pongo " http: // localhost: 85 / my_app / " como mi nombre de dominio, Facebook dice

Dominios de la aplicación: " http: // localhost: 85 / app-name / " no debe contener información de protocolo.

Además, cuando pongo "localhost: 85 / my_app /" como mi nombre de dominio, aparece el error:

Dominios de la aplicación: localhost: 85 / my_app / no es un dominio válido.

Mi solución:

1. Deje los dominios de la aplicación en blanco
2. (Productos) Inicio de sesión de Facebook> Configuración
3. Agregar http://localhost:85/my_app/a la Valid OAuth redirect URIscaja
4. Guardar cambios

Parece que se ha cambiado el protocolo.

Aquí está mi solución (probé el 3 de abril de 2015 y funciona bien):

En Configuración -> pestaña Básico

1. Dominio de la aplicación: localhost
2. Haga clic en " + Agregar plataforma " y seleccione " Sitio web ".
3. URL del sitio: http: // localhost: <puerto> / ( <puerto> es su número de puerto)
4. Guardar cambios

1. Deje los dominios de la aplicación en blanco
2. Ir al sitio web con inicio de sesión de Facebook
3. Añadir http://localhost:port_number/
4. Guarde los cambios y vuelva a intentarlo. Para más información visite

http://developers.facebook.com/docs/samples/canvas/ Codificación feliz :-)

Esto ha cambiado un poco a lo largo de los años, pero acabo de hacerlo funcionar con una aplicación web que estoy ejecutando en localhost. Esto es lo que hice:

1. Ir a https://developers.facebook.com/apps
2. Seleccione su aplicación.
3. Seleccione Configuración> Básico en la barra de navegación de la izquierda.
4. Haga clic en el botón Agregar plataforma en la parte inferior de la página.
5. Haga clic en sitio web
6. Ingrese http://localhost:8080/para la URL del sitio.
7. Haga clic en el botón Inicio rápido en el extremo derecho de la URL del sitio que acaba de ingresar.
8. Se abrirá una nueva pestaña. En esa pestaña, desplácese hacia abajo hasta la sección "Cuéntenos sobre su sitio web" y vuelva a ingresar http://localhost:8080/para la URL del sitio.
9. Haga clic en el botón Siguiente.
10. Intenté iniciar sesión de nuevo y esta vez funcionó.

¡Buena suerte!

Solución de trabajo 2018

Me tomó años darme cuenta de esto, así que voy a compartir mi solución.

Probé todas las respuestas sugeridas, pero nada funcionó para mí, y al final todo lo que tuve que hacer fue ir a https://developers.facebook.com/apps/YOUR_APP_ID/fb-login/settings/ , y agregar mi URL de devolución de llamada completa en el cuadro URI de redireccionamiento de OAuth válido .

En mi caso, al usar ruby ​​on rails, mi URL se ve así http://localhost:3000/user/auth/facebook/callback.

Y justo después de agregarlo, ¡todo comenzó a funcionar! Espero que esto ayude a alguien más a enfrentar este problema.

Esto es lo que solía hacer.

Si está utilizando Windows, debe modificar el archivo de host. La ubicación del archivo host estará en%SystemRoot%\System32\drivers\etc\

Agregue una nueva línea en el archivo host como este

127.0.0.1    localhost.YOUR-SITE-NAME.com

Guarde el archivo de host.

Vaya al panel de control de configuración de aplicaciones de FB y proporcione el localhost.YOUR-SITE-NAME.comcampo de dominio de aplicaciones. Guardar cambios.

Ahora cargue su entorno local como localhost.YOUR-SITE-NAME.comdesde su navegador.

NB: cambie YOUR-SITE-NAME con su nombre de dominio.

Solución de trabajo (agosto de 2018)

Primero, seleccione su aplicación en el panel de desarrolladores .

Luego, asegúrese de que su aplicación esté en modo de desarrollo , ya que permite localhost a través de HTTP. Para hacerlo, haga clic en la palanca situada en la parte superior derecha de la página de su aplicación.

Por último, siga las notas a continuación, ya que podrían causar problemas si se rellenan incorrectamente:

• Settings > Basic > App Domains debería estar vacío
• Products > Facebook Login > Settings > Valid OAuth Redirect URIs debería estar vacío

Puede dejarlo en blanco o usar localhost, http://localhost:85/my_app/es la URL

Cuando escribí ese tutorial en ese momento, el puerto estaba permitido en el dominio de la aplicación. Y de hecho, puedo ejecutar la aplicación con el puerto 81 (servidor wamp). Ahora parece que Facebook no permite el puerto en la URL. Puede utilizar localhosten el dominio de la aplicación.

Actualizaré la información lo antes posible. Estoy tratando de encontrar una solución.

Una solución temporal es usar localtunnel http://progrium.com/localtunnel/

Probé esto y me funciona [febrero de 2020]:

1. Instale ngrok y obtenga su URL https (ejemplo: https://a3asdf23.ngrok.io )
2. Ir a FB Configuraciones del tablero de la aplicación (Básico) -> en la aplicación Dominios -> añadir https://a3asdf23.ngrok.io, https://ngrok.io.
3. En la misma página, desplácese hacia abajo, Agregar plataforma (sitio web), configure la URL como https://a3asdf23.ngrok.io. Aún no ha terminado, haga clic en Inicio rápido -> en "Cuéntenos acerca de su sitio web", ingrese la misma URL https://a3asdf23.ngrok.io.
4. A continuación, vaya a Productos -> Facebook Login -> Configuración -> Configuración de OAuth de cliente -> Válido OAuth redirección URI -> añadir éstos https://a3asdf23.ngrok.io, https://ngrok.io, https://a3asdf23.ngrok.io/{your-redirect-uri}.

Y aquí tienes. Gracias luego :)

Debe crear un túnel para compartir su localhost; Ngrok es quizás la forma más fácil de hacerlo.

https://ngrok.com

Vaya al enlace https://ngrok.com/ para descargar ngrok y extraer ese archivo. Abrir cmd (buscar cmd) Ir al directorio donde se extrae ngrok. Abra ngrok desde la línea de comando, por ejemplo: c: /ngrok/ngrok.exe [puerto] o cd c: / ngrok y luego ngrok 80 (ngrok [puerto]).

ngrok

Tunnel Status                 online
Version                       1.3/1.3
Forwarding                    http://3ahsdfhska.ngrok.com -> 127.0.0.1:80
Forwarding                    https://3ahsdfhska.ngrok.com -> 127.0.0.1:80
Web Interface                 http://127.0.0.1:4040
# Conn                        0
Avg Conn Time                 0.00ms

No OLVIDE asegurarse de que su servidor wamp esté abierto en el mismo puerto ... (cómo verificar -> goto-> wampicon-> apache-> httpd.conf busque el puerto o 80 (predeterminado) use eso para ngrok.exe 80)

http://3ahsdfhska.ngrok.com

será la URL para acceder a su localhost en línea

Si recibe los errores de protocolo, no solo necesita ELIMINAR Http: // sino que también si hay alguna barra invertida al final de la dirección web, debe eliminarla también o no funcionará. ¡Hice esto y funcionó perfectamente! ¡Holla!

Echando una solución más a la mezcla:

Configuré mi sitio web según las instrucciones, luego agregué una segunda aplicación (Facebook Canvas) y configuré esa URL en http://localhost:XXXXX. Ahora puedo acceder a FB tanto localmente como en producción.

Desarrollo localmente y uso esta URL: localhost/fb

Luego tuve que agregar un sitio web con la siguiente URL: http://localhost

En App Domains agregué localhost.

Ahora funciona. El único problema que tuve fue que tienes que usar esta URL en todos tus scripts. P.ej

$loginUrl = $helper->getLoginUrl('http://localhost/fb/login-callback.php', $permissions);

No puedes usar 127.0.0.1aquí ...

Probé todas las soluciones mencionadas aquí, pero ninguna funcionó.

Lo que resolvió mi problema fue copiar el "URI de redireccionamiento de OAuth" de firebase a la aplicación de Facebook "URI de redireccionamiento de OAuth válidos"

Dejé todos los dominios en blanco