React Native
...
Users
Gestión de Usuarios con Parse.User y Relay en GraphQL
8 min
trabajando con usuarios introducción en el núcleo de muchas aplicaciones, las cuentas de usuario tienen una noción que permite a los usuarios acceder de forma segura a su información back4app/parse proporciona una clase de usuario especializada llamada parse user que maneja automáticamente gran parte de la funcionalidad requerida para la gestión de cuentas de usuario explicaremos mejor cómo funciona esta clase dándote una guía práctica sobre cómo hacer que un usuario se registre, inicie sesión y cierre sesión en los próximos tutoriales, entendamos cómo implementar cada uno en una aplicación de react native utilizando graphql y relay objetivo explicar la clase parse user y cómo relay manejará esta clase clase de usuario de parse parse user es una subclase de parse object, y tiene todas las mismas características, como esquema flexible, persistencia automática y una interfaz de clave valor todos los métodos en parse object también existen en parse user la diferencia es que parse user tiene algunas adiciones especiales específicas para cuentas de usuario propiedades de parse user parse user tiene varios valores que lo distinguen de parse object nombre de usuario el nombre de usuario para el usuario (requerido) contraseña la contraseña para el usuario (requerida al registrarse) correo electrónico la dirección de correo electrónico del usuario (opcional) pasaremos por cada uno de estos en detalle mientras revisamos los diversos casos de uso para los usuarios mutación de relay una forma de manejar la clase user en un front end con relay en react native es utilizando mutaciones las mutaciones son responsables de crear funciones, ejecutarlas, enviar los datos al backend y esperar un retorno cualquier función de mutación preparará los datos para enviarlos al regresar del backend, maneja el escenario de éxito o error en ambos casos, la aplicación puede controlar el siguiente estado y decidir qué sucederá después esta guía está utilizando relay modern en el frontend para consumir graphql el flujo para crear una mutación es similar a crear una consulta o fragmento la mutación de relay necesita ser igual a la especificación del backend al crear una nueva mutación, el compilador de relay verificará si la estructura del backend es idéntica a la fuente de verdad de la aplicación/frontend, el schema graphql cada mutación de relay tendrá una función principal llamada commitmutation esta función maneja el fragmento de graphql, las variables de entrada, la finalización y la devolución de llamada de error la mutación de relay puede tener otros argumentos, pero en los próximos tutoriales no se utilizarán commitmutation commitmutation es la función predeterminada para crear y ejecutar mutaciones en tu graphql del lado del cliente similar a queryrenderer, el commitmutation recibirá props estas props, combinadas entre sí, prepararán la solicitud, llamarán al servidor y manejarán el retorno hay tantas props para manejar tu aplicación en cada caso que necesita pero, en los próximos tutoriales, solo se utilizará la siguiente entorno el entorno es responsable de la tienda y la red de aplicaciones la entrada es un objeto que contiene las variables necesarias para resolver la mutación oncompleted y onerror son funciones, como dice el nombre, llamadas cuando la mutación está completa oncompleted es para el éxito y onerror para el error ejemplo de commitmutation 1 function commit({environment, input, oncompleted, onerror}) { 2 const variables = {input}; 3	 4 commitmutation(environment, { 5 mutation, 6 variables, 7 oncompleted, 8 onerror, 9 }); 10 } 11	 12 export default { 13 commit, para más información sobre relay mutation, visita la documentación oficial conclusión ahora, el concepto de mutación está claro y explicado en el próximo tutorial, se manejará el flujo de registro en back4app allí se especificará cómo implementar una mutación simple para registrar un nuevo usuario y devolver un token de sesión