ruby-on-rails - rails devise omniauth facebook

¿Cómo puedo agregar localhost: 3000 a Facebook App para desarrollo

Question

Estoy trabajando en una aplicación de Rails 4. En mi computadora portátil, el desarrollo se realiza en localhost:3000 . El dominio real del sitio es roomidex.com .

¿Cómo puedo configurar una aplicación de Facebook para que funcione en producción y desarrollo?

Aquí está la configuración actual:

App Domains: roomidex.com

Website With Facebook Login: 
Site URL: http://www.roomidex.com

Cuando trato de hacer un inicio de sesión de Facebook en localhost: 3000, obtengo este error no sorprendente:

{
   "error": {
      "message": "Invalid redirect_uri: Given URL is not allowed by the Application configuration.",
      "type": "OAuthException",
      "code": 191
   }
}

Answer 1

Agregar localhost a los Valid OAuth redirect URIs en la aplicación de prueba no funcionó para mí, pero sí lo hizo al agregar 127.0.0.1 .

Answer 2

En la página de la aplicación de Facebook, haga clic en "editar aplicación" y luego haga clic en "Avanzado" en la barra de navegación de la izquierda. Luego, para "URI de redirección de OAuth válidos", agregue http://localhost:3000 ... o lo que quiera que sea la redirección aceptada.

Answer 3

Facebook ahora requiere que los "URI de redirección de OAuth válidos" sean https.

Para usar https localmente (localhost: 3000), utilicé [ngrok] [1] que le permite usar https al proporcionar un túnel. Para hacer esto:

1. Fui a su sitio web y descargué su programa
2. Extraje el archivo para el programa
3. En mi consola, entré al directorio donde se extrajo ngrok e ingresé ''grok http 3000'' en mi máquina con Windows, otros pueden usar ''./grok http 3000''
4. Después de ingresar eso, ngrok proporcionó una dirección https que puse en el campo de URI de redirección válida de OAuth en Facebook
5. Luego, inicié mi servidor y pude acceder a él usando esa dirección https en lugar de localhost: 3000

Answer 4

Junio ​​de 2015

Ve a Mis aplicaciones> Configuración> Básico

App Dominios

• localhost

Sitio web

• URL: http://localhost:8888/
• URL móvil: http://localhost:8888/

No funcionó con el puerto 80 o sin ningún puerto, desafortunadamente.

Answer 5

Puede crear una aplicación de prueba que esté conectada a su aplicación principal. En la página Panel o Configuración de su aplicación principal. desplácese hacia abajo y verá "Probar aplicaciones" en el menú que se encuentra en el lado izquierdo de la página. La aplicación de prueba heredará la configuración de la aplicación principal, pero estará permanentemente en modo de desarrollo y tendrá su propia identificación.

Más información sobre las aplicaciones de prueba aquí: https://developers.facebook.com/docs/apps/test-apps/

El protocolo para configurar una aplicación para que funcione en localhost ha cambiado. Después de configurar la aplicación de prueba configurada, se explican los pasos para configurarla para que funcione en localhost:

https://.com/a/24253054/2803458

Answer 6

Simplemente edite su archivo hosts con su dominio que apunta a localhost y debería funcionar bien.

Answer 7

Solo crea dos aplicaciones.

Uno para probar y otro para lanzamiento. No puede suministrar a la aplicación configuraciones de URL separadas.

Answer 8

Tu error es decir

localhost URL no está permitido en la aplicación

Lo sé, FB no dice nada acerca de explicar qué hacer en esos momentos, sin embargo, en lo que a mí respecta, he encontrado una solución.

Básicamente, necesitas incluir en la lista blanca la URL de locahost en tu aplicación

Esto es lo que vas a hacer

1. Ir a la página de edición / resumen de la aplicación
2. En el cuarto campo de Dominios de aplicación , ya debe tener roomidex.com , así que agregue otra dirección localhost
3. Las URL mencionadas anteriormente solo son válidas, si cada una de ellas está en pestañas, dónde configuras, cómo se app integrates with Facebook tu app integrates with Facebook (sitio web con inicio de sesión de Facebook, aplicación en Facebook, web móvil, ...)
4. Hago esto: puse mi URL funcional, en su caso roomidex.com en el Website with facebook login , y mi prueba, URL de localhost , ya sea en la App on facebook o en la Page tab