¿Cómo crear un Inicio de Sesión con Apphive?
Para comenzar a crear el Inicio de Sesión con Apphive, primero debemos de hacer el diseño de la Interfaz y agregar los campos necesarios para el Logueo.
Los principales datos que se deben de solicitar en el Inicio de sesión es el Correo y la Contraseña del Usuario, para ello la interfaz deberá tener los siguientes componentes:
- Crear un Field para el Correo
- Crear un Field para la Contraseña
- Crear un Button donde tendrá la función del Inicio de sesión
Ejemplo:
![](https://staging.devitm.com/wp-content/uploads/2021/08/Screen-Shot-2021-08-17-at-16.49.31-1.png)
Es momento de Realizar la Función, para ello debemos seguir los siguientes pasos:
1. Debemos posicionarnos en el botón que agregamos y dar click en Functions
![](https://staging.devitm.com/wp-content/uploads/2021/08/Screen-Shot-2021-08-17-at-17.08.48-4.png)
2. Dentro de Functions dar click en el ícono de + Add event y seleccionar onPress
![](https://staging.devitm.com/wp-content/uploads/2021/08/Screen-Shot-2021-08-17-at-17.18.12.png)
3. Dentro de onPress, dar clic en el botón +, buscar el menú Users y posteriormente dar clic en Login
![](https://staging.devitm.com/wp-content/uploads/2021/08/Screen-Shot-2021-08-17-at-17.22.27.png)
4. Dentro de la función de Login nos pedirá ingresar los valores de Email y Password, buscamos los Field de correo y contraseña en los Controles y seleccionamos la propiedad de value.
![](https://staging.devitm.com/wp-content/uploads/2021/08/Screen-Shot-2021-08-17-at-17.33.01.png)
![](https://staging.devitm.com/wp-content/uploads/2021/08/Screen-Shot-2021-08-17-at-17.30.36.png)
5. Posteriormente damos click en los callback de la función de Login, la cual nos mostrarán los posibles resultados de la función, las cuales son:
- Error Login: Se activa cuando ocurre un error en el procesos de Autentificación del Usuario
- Invalid Credentials: Ocurre cuando los datos de Autentificación son erróneos (Correo y/o Contraseña son incorrectos)
- Successful Login: Se activa cuando el proceso de Autentificación se realizó de manera exitosa
![](https://staging.devitm.com/wp-content/uploads/2021/08/Screen-Shot-2021-08-17-at-17.38.51.png)
Entonces dentro de los callbacks podemos enviar alertas (mensajes para que los usuarios puedan leerlos) para Error login e Invalid Credentials y en Successful login enviarlos al contenido de nuestra aplicación.
![](https://staging.devitm.com/wp-content/uploads/2021/08/Screen-Shot-2021-08-17-at-17.55.34.png)
Y de esta manera se termina el proceso de Inicio de sesión en Apphive
0 Comentarios