javascript - incluido - dominios de la aplicación facebook

Aplicación de Facebook: localhost ya no funciona como dominio de la aplicación

Question

He estado escribiendo un juego para Facebook usando Rails y jQuery. Desde que comencé a usar Facebook Javascript SDK, el uso de localhost como un dominio de aplicación parecía funcionar bien. Pude probar mi juego tanto localmente como en Heroku.

En el último día, parece que Facebook ha realizado una gran actualización de su interfaz de usuario de desarrollador. Ahora si agrego localhost como un dominio de aplicación, me da el siguiente error:

Esto debe derivarse de Canvas URL, Secure Canvas URL, Site URL, Mobile Site URL, página Tab URL o Secure Page Tab URL. Compruebe y corrija los siguientes dominios: localhost

Mi juego tampoco funciona ahora de forma local y me aparece un error cuando el JavaScript SDK inicia sesión en el usuario:

Código de error de la API: 191 Descripción del error de la API: la URL especificada no es propiedad de la aplicación. Mensaje de error: redirect_uri no válido: la configuración de la aplicación no permite la URL dada.

Esto no ocurre cuando despliegue mi juego, ya que herokuapp.com se considera un dominio de aplicación válido.

¿Cómo se supone que debo desarrollar y probar mi juego si ya no puedo usar localhost o 127.0.0.1?

Answer 1

1. Vaya a la página de configuración de su aplicación en http://developers.facebook.com
2. Haga clic en la flecha desplegable en la parte superior izquierda (al lado del nombre de su aplicación) y haga clic en "Crear aplicación de prueba" y asígnele un nombre
3. En la Configuración> Básico de esa nueva aplicación de prueba establece los dominios de la aplicación como "localhost"
4. Establezca también la URL del sitio web como " http: // localhost: 8888 " (o el puerto que esté utilizando).
5. IMPORTANTE: esta aplicación tiene diferentes App ID y App Secret de su aplicación en línea. Por lo tanto, el último paso: asegúrese de actualizar el código que se encuentra en su servidor local con App App''s App ID y App Secret. Por el contrario, el código que se encuentra en el servidor en vivo debería estar usando la ID y el secreto de la aplicación principal.

Answer 2

El protocolo parece seguir cambiando, y la respuesta aceptada no funcionó para mí hoy. En caso de que ayude a otros buscadores, esto es lo que funcionó para mí:

• Todos los cambios se realizaron en la página Configuración en la pestaña Básico

1.) En el centro debajo del primer cuadro de opciones, haga clic en "+ Agregar plataforma" y elija "Sitio web" (o lo que sea apropiado para su aplicación).

2.) En el cuadro que aparece para el sitio web que acaba de agregar: URL del sitio: http://localhost:3000/

3.) En el cuadro de arriba que (Configuración => Básico): Dominio de la aplicación: localhost

4.) En la parte inferior derecha, haga clic en "Guardar cambios"

5.) Asegúrese de tener la ID de la aplicación copiada y pegada correctamente en su código. (El ID está en el primer cuadro de esa página si lo necesita de nuevo).

Answer 3

Esta es la manera incorrecta. Debe crear una aplicación de prueba usando la pestaña Prueba en la configuración de la aplicación. Y luego puede ingresar su URL de etapa de desarrollo (por ejemplo, localhost) a su aplicación.

Answer 4

Esto funciona para mí en heroku, lo del localhost no funcionó (para mí). Espero que ayude

1.) En el centro debajo del primer cuadro de opciones, haga clic en "+ Agregar plataforma" y elija "Sitio web" (o lo que sea apropiado para su aplicación).

2.) En el cuadro que aparece para el sitio web que acaba de agregar: URL del sitio: http://MYAPP.herokuapp.com/ (reemplace MYAPP con el nombre de su aplicación)

3.) En el cuadro de arriba que (Configuración => Básico): Dominio de la aplicación: MYAPP.herokuapp.com (reemplace MYAPP con el nombre de su aplicación)

4.) En la parte inferior derecha, haga clic en "Guardar cambios"

Answer 5

Intente usar la url con el puerto, por ejemplo

 http://localhost:8000/

Estaba teniendo el mismo problema y encontré esta solución en este momento.

Answer 6

Para mí funcionó así:

Configurar el tablero de la aplicación de Facebook:

* En la pestaña ''básica'':

1) Dejar el dominio de la aplicación vacío.

2) Borrando cualquier plataforma. Significado: no hay sitio web, no hay plataforma de lona. (Así que no hay campo de URL del sitio para llenar)

* En la pestaña ''avanzada'':

3) Ingresé a los URI de redireccionamiento de OAuth Válido:

http://localhost/myappfolder/redirect.php

4) con respecto a mi código, inséteme c: /xampp/htdocs/localhost/myappfolder/index.php (este archivo hace loginURL):

$helper = new FacebookRedirectLoginHelper(''http://localhost/myappfolder/redirect.php''); 

dentro del archivo redirect.php:

$helper = new FacebookRedirectLoginHelper(''http://localhost/myappfolder/redirect.php''); 

¡y tengo una sesión! ¡finalmente! no hay necesidad de ahorcarme al final: P

Answer 7

Para todos los que estén inquietos con esto en 2017. La interfaz cambió de nuevo. Quería comentar esto a la respuesta, pero no tengo suficiente reputación. La URL del host local de tu aplicación ahora debe copiarse en tres lugares. Actualmente, (26 de octubre de 2017) la secuencia es:

1.) Haga clic en "Configuración" en el menú de la izquierda.

2.) En el centro debajo del primer cuadro de opciones, haga clic en "+ Agregar plataforma" y elija "Sitio web" (o lo que sea apropiado para su aplicación).

3.) En el cuadro que aparece para el sitio web que acaba de agregar copie su url del sitio localhost (fe http: // localhost: 3000 / )

4.) En el cuadro de arriba que dice "App Domain" copie la misma URL

5.) En la parte inferior derecha, haga clic en "Guardar cambios"

6.) En el menú de la izquierda debajo de "Productos", haga clic en "Iniciar sesión en Facebook" (o añádalo a través de "+ Agregar productos" si no está disponible)

7.) Ahora se encuentra en la configuración de inicio de sesión de Facebook. Copie la misma URL en el campo "URI de redirección válida de OAuth"

Esto debería funcionar.

Answer 8

Simplemente agregue localhost como URL de su lienzo o URL de su sitio móvil, esto le permitirá tener localhost y herokuapp.com en su configuración de App Domain. Luego, una vez que su aplicación esté en producción, simplemente elimínela.

Answer 9

Solo una nota para otros que podrían estar luchando con esto como yo. No he podido hacer que esto funcione con aplicaciones de "prueba". Usar la configuración de mi aplicación real (y simplemente agregar

"http://localhost:3000/"

a mi lienzo URL) funcionó como todos los demás sugirieron. Parece que las aplicaciones de prueba no son iguales a las aplicaciones reales.

Answer 10

Todavía puede probar su aplicación sin implementarla en un servidor remoto como heroku. El truco es actualizar el etc/hosts esta manera:

127.0.0.1 mydomain.com

Luego, en la configuración de la aplicación de Facebook, escriba [ http: //] midominio.com, sin el "[" y "]"

Me funcionó de esta manera

Answer 11

Solución usando Firebase

Para que esto funcione en localhost , el puerto 3000 hice lo siguiente:

1. Crear aplicación

2. Ahora seleccione "+ Crear aplicación de prueba" en el menú desplegable de flecha (arriba a la izquierda).

3. Agregar localhost a los dominios de la aplicación

4. Agregue http://localhost:3000/ a la URL del sitio seleccionando "+ Agregar plataforma"

Hasta este momento, seguí todas las respuestas anteriores que presenté aquí, pero nada funcionó.

Asi que...

5. En el menú de la izquierda, selecciona "Agregar producto"

6. Agregar "inicio de sesión de Facebook"

Se le presentará un carrusel de flujo de trabajo, con el dominio predeterminado http://localhost:3000/ , haga clic en "continuar" hasta el final.

7. Seleccione "Inicio de sesión de Facebook> Configuración" en el menú del producto.

8. Ingrese su URI de redireccionamiento de Firebase OAuth (que se encuentra al habilitar el inicio de sesión de Facebook en su consola de firebase https://console.firebase.google.com , ejemplo a continuación)

9. Pegar URI y guardar.

Hecho.