Integrar Account Kit en iOS con Swift
Adrián Gómez
Adrián Gómez
Guía para integrar Account Kit en iOS con Swift en nuestros proyectos existentes o nuevos.

Facebook Login ha sido una alternativa fácil de implementar en nuestras aplicaciones permitiendo a los usuarios registrarse en segundos, pero siempre teníamos problemas cuando los usuarios no tenían cuentas de Facebook, para solucionar esto hace unas semanas Facebook anunció: “Account Kit”, esta herramienta nos ayuda a poder registrar usuarios de una forma fácil y rápida mediante el número de telefono o correo electrónico.

La librería para iOS está basada en Object-C, es por eso que hemos creado esta guía para todos los que programamos en Swift, con esta guía será fácil poder implementar Account Kit en tu proyecto existente o nuevo.

Si deseas descargar el código fuente puedes hacerlo desde Github.

Requerimientos

Preparemos nuestro Storyboard

1. Debemos crear un proyecto nuevo “Single View Aplication”, le llamaremos “AccountKitiOS”.
2. Agregamos un archivo Cocoa Class, le llamaremos “LoginViewController” de subclase “UIViewController”.
3. Al ser un proyecto nuevo tendremos un ViewController en el Storyboard entonces agregamos uno más.
4. Creamos un “segue” entre ambos controllers de tipo “Present Modally” con el identificador “showhome”.
5. Al primer ViewController le asignamos la clase “LoginViewController” y al segundo la clase “ViewController”.
6. En “LoginViewController” armamos nuestra interfaz para que el usuario pueda loguearse.
7. En “ViewController” armamos nuestra interfaz para el usuario conectado.

Todo debe quedar de la siguiente forma:

Conectamos nuestros Views con sus clases

1. En “LoginViewController” conectamos los dos botones cada uno con su acción loginWithEmail y loginWithPhone.

2. En “ViewController” conectamos nuestros labels.

Configuramos nuestro SDK

1. En nuestro proyecto debemos abrir el archivo “Info.plist” y agregar los siguientes elementos:

2. Es importante que la app creada en Facebook Developer, nos vayamos a la sección “Account Kit” y los apartados “Allow Email Login, Allow SMS Login y Enable Client Access Token Flow” estén marcados como yes, mientras que “Require App Secret” debe estar marcado como no.
3. Agregamos el archivo “AccountKit.framework“ a nuestro proyecto.
4. Es importante que agreguemos “AccountKitStrings.bundle”, este maneja todos los idiomas disponibles para el AccountKit.

Inicializamos nuestro SDK

1. En “LoginViewController” todo debe verse de la siguiente manera:

Configuramos nuestro LoginViewController

1. Agregamos la clase “prepareLoginViewController”, esta clase se llamara cuando queramos iniciar un login, en esta clase también llamamos AKFTheme para modificar los colores del UI.

2. Agregamos la funcionalidad de nuestra acción “loginWithEmail”.

3. Agregamos la funcionalidad de nuestra acción “loginWithPhone”.

Configuramos nuestro ViewController

1. En este archivo agregamos la funcionalidad de un usuario conectado, ademas del boton de logout, el código debe quedar asi:

Proyecto completo

Una vez terminado el último paso, el proyecto está completo y listo para probar. Espero esta guía sea de ayuda, cualquier pregunta pueden hacerla en los comentarios y si encuentran algún error o forma de mejorar el código sería de gran ayuda para la comunidad.

Pueden descargar todo el código fuente del proyecto funcional desde aquí.

Comparte este post
Comparte en Facebook
Comparte en Twitter
Comparte en Google+
Comparte en LinkedIn
+
ELEVAR ANIMAR INSPIRAR