Facebook Login

Tipo: SDK · Estado: Disponible · Categoría: Identidad y login

Datos que facilita Reskyt

Reskyt facilita al cliente, por correo electrónico:

• Los key hashes de Android, que se indican en el alta de Android del panel de Meta.

Credenciales necesarias

Campo	Obligatorio	Dónde obtenerlo
FB Login Key	Sí	developers.facebook.com/apps, en la app, Settings → Basic. Es el App ID, el identificador de la aplicación en Meta.
FB Login Client Token	Sí	developers.facebook.com/apps, en la app, Settings → Advanced, sección Security, campo Client Token.
FB Login permissions	Sí	Son los mismos permisos que usa el login de Facebook del propio ecommerce.

El paso a paso para encontrar la Key y el Client Token está en la guía Obtener las credenciales de Meta.

Qué aporta

Facebook Login permite iniciar sesión con la cuenta de Facebook mediante el SDK nativo de Facebook. Al terminar el flujo de autenticación, el SDK devuelve un token a la página web, que lo usa para continuar con su propio proceso de autenticación.

Requisitos previos

Una app registrada en Meta for Developers, con acceso a su panel de gestión, y las credenciales de la tabla anterior.

En el panel de la app hay que dar de alta las dos plataformas.

Para iOS, en Settings → Basic → iOS, se indican el bundle identifier y el App Store identifier de la app iOS.

Para Android, en Settings → Basic → Android, se indican los key hashes del keystore con el que se firma la app, el nombre del paquete y el nombre de la clase (packagename.MainActivity).

Quién hace qué

El cliente gestiona la configuración en Meta: la app, el alta de iOS y Android en su panel y la obtención de las credenciales. El desarrollador de la web del cliente implementa en la web las funciones que reciben el token y el error.

Reskyt facilita los key hashes que se indican en el alta de Android y realiza la configuración en el backoffice.

Impacto en la app

Activar Facebook Login obliga a recompilar la app y volver a publicarla en App Store y Google Play.

Permisos del sistema

No añade permisos del sistema propios en iOS ni en Android. El único permiso que se solicita es el de Facebook para usar la cuenta del usuario en el inicio de sesión, el mismo que ya pide el login de Facebook del ecommerce.

Datos y privacidad

A la web solo llega el token que devuelve el SDK. Reskyt no almacena datos del usuario. No requiere declaración adicional en las stores.

Plazo y proceso

Los pasos, en orden, son estos:

1. El cliente dispone de la app en Meta y obtiene la Key y el Client Token.
2. Reskyt facilita por correo electrónico los key hashes para Android.
3. El cliente da de alta iOS y Android en el panel de Meta.
4. El cliente facilita la Key y el Client Token a Reskyt, que los configura en el backoffice.
5. Se recompila la app y se publica la nueva versión en las stores.
6. El desarrollador de la web implementa las funciones de recepción del token.
7. Se valida el flujo completo.

Validación

La página web debe implementar dos funciones JavaScript globales: una recibe el token cuando el SDK completa la autenticación y la otra recibe el error si falla. El ejemplo siguiente solo muestra el valor recibido con un alert; en producción, la primera continúa con la autenticación propia de la web.

function rktFacebookLoginSuccess(token) {
  alert(token);
}

function rktFacebookLoginError(token) {
  alert("ERROR" + token);
}

Para comprobar que la función de éxito está bien declarada, se ejecuta esta línea en la consola:

rktFacebookLoginSuccess('token')

Si el inicio de sesión no funciona, estas son las causas habituales:

Causa	Qué revisar
Key hash incorrecto	Que los key hashes dados de alta en Settings → Basic → Android correspondan al keystore con el que se firma la app.
Bundle identifier o paquete distinto	Que el bundle identifier de iOS y el nombre del paquete y de la clase de Android coincidan con los de la app publicada.
Funciones no declaradas	Que rktFacebookLoginSuccess y rktFacebookLoginError existan en la web, comprobándolo con la línea de consola anterior.
Client Token incorrecto	Que el valor facilitado sea el Client Token y no el App Secret.