Flujo interrumpido de FB.login para iOS Web App

Question

Estoy creando una aplicación de Internet para iOS (es decir, una página HTML que se ejecuta en modo independiente, ninguno de Safari Chrome, cuando el marcador de la página se agrega a la pantalla de inicio).

Tengo un botón que hace clic en llamadas FB.login(). Cuando está en modo independiente, la aplicación web redirige a la página de inicio de sesión de Facebook (como se esperaba), sin embargo, luego me quedo atascado en una pantalla en blanco (no me piden autenticación porque ya la tengo, pero imagino que la pantalla de autenticación suceder antes de la pantalla en blanco) y no volver a poner en la aplicación web.

El mismo flujo dentro de la aplicación Safari funciona como se esperaba. Al hacer clic en las llamadas de inicio de sesión FB.login(), que abre una nueva página donde se le solicita que inicie sesión en Facebook, una vez que inicia sesión y autentica la aplicación, esa página se cierra y usted vuelve a la página original.

Parece que en el modo independiente, hay un problema con la "segunda página" con el inicio de sesión de FB y el redireccionamiento a la aplicación (no es así). Y el flujo está roto.

¿Hay algún tipo de solución para esto?

Gracias,
-ESA

Answer 1

Puede probar la solución siguiente. Funcionó para mí En dispositivos móviles, redirige a la URL de autenticación del lado del cliente.

var isMobile = false; 
try { 
    isMobile = (window.location.href == top.location.href && window.location.href.indexOf("/mobile/") != -1); 
} catch (e) {} 
if (!isMobile) { 
    FB.login(); 
} else { 
    var permissionUrl = "https://m.facebook.com/dialog/oauth?client_id=" + appId + "&response_type=code&redirect_uri=" + redirectPage + "&scope=" + permissions; 
    window.location = permissionUrl; 
    return; 
} 

Answer 2

que utilizó la siguiente para detectar si estoy en el modo de pantalla de inicio y hacer lo correcto en consecuencia:

if ("standalone" in navigator && navigator.standalone) { 
    var permissionUrl = "https://m.facebook.com/dialog/oauth?client_id=" + appId + "&response_type=code&redirect_uri=" + window.location + "&scope=" + app_permissions; 
    window.location = permissionUrl; 
} else { 
    FB.login(
    function(response) { 
     ... 
    }, 
    {scope: app_permissions} 
); 
}