Guide Technique: Utilisation de Parse.User avec Relay et GraphQL

travailler avec les utilisateurs introduction au cœur de nombreuses applications, les comptes utilisateurs ont une notion qui permet aux utilisateurs d'accéder en toute sécurité à leurs informations back4app/parse propose une classe utilisateur spécialisée appelée parse user qui gère automatiquement une grande partie des fonctionnalités requises pour la gestion des comptes utilisateurs nous allons mieux expliquer comment cette classe fonctionne en vous donnant un guide pratique sur la création d'un compte utilisateur, la connexion d'un utilisateur et la déconnexion d'un utilisateur dans les prochains tutoriels, comprenons comment implémenter chacun d'eux dans une application react native en utilisant graphql et relay objectif expliquer la classe parse user et comment relay va interagir avec cette classe classe utilisateur parse parse user est une sous classe de parse object, et possède toutes les mêmes fonctionnalités, telles qu'un schéma flexible, une persistance automatique et une interface clé valeur toutes les méthodes de parse object existent également dans parse user la différence est que parse user a quelques ajouts spéciaux spécifiques aux comptes utilisateurs propriétés de parse user parse user a plusieurs valeurs qui le distinguent de parse object nom d'utilisateur le nom d'utilisateur pour l'utilisateur (obligatoire) mot de passe le mot de passe pour l'utilisateur (obligatoire lors de l'inscription) email l'adresse email de l'utilisateur (facultatif) nous passerons en revue chacun de ces éléments en détail alors que nous examinerons les différents cas d'utilisation pour les utilisateurs mutation relay une façon de gérer la classe user sur un front end avec relay dans react native est d'utiliser des mutations les mutations sont responsables de la création de fonctions, de leur exécution, de l'envoi des données au backend et de l'attente d'un retour toute fonction de mutation préparera les données à envoyer lorsqu'elles sont renvoyées par le backend, gérez le scénario de succès ou d'erreur dans les deux cas, l'application peut contrôler l'état suivant et décider de ce qui se passera ensuite ce guide utilise relay modern sur le frontend pour consommer graphql le flux pour créer une mutation est similaire à celui de créer une requête ou un fragment la mutation relay doit être égale à la spécification du backend lors de la création d'une nouvelle mutation, le relay compiler vérifiera si la structure du backend est identique à la source de vérité de l'application/frontend, le schema graphql chaque mutation relay aura une fonction principale appelée commitmutation cette fonction gère le fragment graphql, les variables d'entrée, le callback de réussite et le callback d'erreur la mutation relay peut avoir d'autres arguments, mais dans les prochains tutoriels, ils ne seront pas utilisés commitmutation commitmutation est la fonction par défaut pour créer et exécuter des mutations dans votre graphql côté client semblable à queryrenderer, le commitmutation recevra des props ces props, combinées entre elles, prépareront la récupération, appelleront le serveur et géreront le retour il y a tellement de props pour gérer votre application dans chaque cas dont elle a besoin mais, dans les prochains tutoriels, il n'utilisera que la suivante environnement l'environnement est responsable du magasin et du réseau d'applications l'entrée est un objet qui contient les variables nécessaires pour résoudre la mutation oncompleted et onerror sont des fonctions, comme le dit le nom, appelées lorsque la mutation est terminée le oncompleted est pour le succès et le onerror pour l'erreur exemple 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, pour plus d'infos sur relay mutation, allez aux docs officielles conclusion maintenant, le concept de mutation est clair et expliqué dans le prochain tutoriel, il traitera du flux d'inscription sur back4app il sera spécifié comment implémenter une simple mutation pour enregistrer un nouvel utilisateur et retourner un jeton de session