Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. Android SDK

Autenticación Sin Contrasñea con Account Kit

by
Difficulty:BeginnerLength:ShortLanguages:

Spanish (Español) translation by Rafael Chavarría (you can also view the original English article)

Acerca de Account Kit

¿Qué es Autenticación Sin Contraseña?

La autenticación sin contraseña omite el  uso de una contraseña para registro o inicio de sesión. En su lugar, la autenticación de usuario es confirmada ya sea con un código de verificación SMS una sóla vez enviado al teléfono del usuario o un enlace de una sola vez a su dirección de email.

¿Por Qué Usar Autenticación Sin Contraseña?

  • Proceso de inicio de sesión y registro sin contratiempos para tus usuarios.
  • Mantiene asegurado el acceso a tu app, porque el usuario no reutilizará contraseñas o recurrirá a contraseñas fáciles de adivinar (tales como "password").
  • Evita agotar a tus usuarios con la necesidad de crear y recordar contraseñas únicas

En este tutorial de consejo rápido, te mostraré como usar Account Kit de Facebook para autenticación sin contraseña en tu aplicación Android. Tus usuarios se registrarán e iniciarán sesión ya sea con su teléfono o dirección de email. Los usuarios incluso no necesitan tener una cuenta de Facebook para ser autenticados.

No solo eso, además Account Kit es fácil de implementar y te ahorra tener que construir de manera tediosa un sistema de inicio de sesión.

Facebook Account Kit homepage screenshot

¿Cómo Funciona Account Kit?

El siguiente diagrama debería aclarar cómo funciona Account Kit.

How Facebook Account Kit works

La autenticación se lleva a cabo en una serie de intercambios entre el usuario y la aplicación. Primero el usuario comienza el inicio de sesión, tal vez cargando la aplicación en su teléfono. Después, un código de verificación es enviado al SMS del usuario, o un enlace de una sola vez es enviado por correo electrónico. Después de eso, si el usuario ingresa el código de validación o da clic al enlace, estará autenticado para la app.

Otra característica interesante de Facebook Account Kit es que cuando tu usuario ingresa su número de teléfono a la app, Account Kit tratará de emparejarlo con el número de teléfono conectado al perfil de Facebook del usuario. Si el usuario ha iniciado sesión en la aplicación de Facebook para Android, y los números de teléfono coinciden, Account Kit omitirá enviar el código de verificación SMS y el usuario iniciará sesión de manera más fácil.

Usando Account Kit

1. Prerrequisitos

Para comenzar a usar Account Kit, necesitarás:

2. Habilita Account Kit

Ve al tablero de tu app, da clic al botón Agregar Producto, y selecciona Account Kit. Después da clic al botón Comenzar para agregar Account Kit. Lo que verás son los ajustes de configuración para Account Kit.

Account Kit settings

3. Declara Dependencias

Agrega la dependencia con la última versión de Account Kit SDK en tu archivo build.gradle y sincroniza tu proyecto.

4. Actualiza AndroidManifest.xml

Agrega tu ID de aplicación Facebook, token de cliente Account Kit (este está disponible en el tablero de ajustes de Account Kit), y el permiso INTERNET al AndroidManifest.xml.

5. Actualiza los Archivos de Recursos

Incluye el id de tu app y token de cliente Account Kit en tu archivo strings.xml.

También incluye el tema de Account Kit en tu styles.xml.

6. Inicializa el SDK

En tu clase Application, inicializa el SDK (recuerda incluir el android:name en tu AndroidManifest.xml).

7. Inicializa el Flujo de Inicio de Sesión

Tenemos que escribir un manejador separado para los flujos de autenticación del SMS y correo electrónico.

Para SMS, en la línea 5, especificamos el tipo de inicio de sesión LoginType.PHONE.

Para email, en la línea 5, especificamos el tipo de inicio de sesión LoginType.EMAIL.

8. Diseña la Pantalla de Inicio de Sesión

Aquí está un diseño simple para una pantalla que muestra botones para iniciar sesión con SMS o email.

9. Maneja Respuestas del Flujo de Inicio de Sesión

Ahora cuando el usuario intenta iniciar sesión, obtendremos una respuesta en el método onActivityResult(). En este método, podemos manejar autenticaciones exitosas, canceladas y fallidas.

La App Completada

¡Ahora podemos ejecutar nuestra app para probar los flujos de inicio de sesión SMS y de email!

The finished app

Nota que el SDK JavaScript de Account Kit no soporta inicio de sesión WebView, así que no puedes ingresar personas desde un WebView con Account Kit. Tendrás que escribir tu interface de inicio de sesión de Account Kit con código nativo.

Conclusión

En este tutorial de consejo rápido, aprendiste sobre autenticación sin contraseña usando Facebook Account Kit: qué es, por qué quisieras considerar usarlo, y cómo implementarlo en tu aplicación Android.

Una palabra de advertencia: algunos ven la autenticación sin contraseña como menos segura. La mayoría de la gente no lo usaría cuando la seguridad es una prioridad, por ejemplo, con una aplicación de banco. Así que ten un poco de discreción sobre cuando usarla y cuando ir con un esquema de autenticación más tradicional.

Para aprender más acerca de Facebook Account Kit, refiérete a la documentación oficial. Y para aprender más acerca de desarrollo Android, revisa algunas de nuestras otras publicaciones aquí en Envato Tuts+!.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.