Intégration du schéma GraphQL dans React Native avec Relay

télécharger le schéma graphql introduction dans notre précédent guide, nous avons appris davantage sur l'incroyable client graphql relay maintenant, il est temps de comprendre comment vous pouvez utiliser relay pour récupérer des données de back4app afin de les utiliser dans votre application react native dans ce guide, vous apprendrez comment télécharger le fichier de schéma graphql et le placer dans votre projet react native objectif préparer votre projet react native à utiliser l'api graphql de back4app en téléchargeant le schéma prérequis ce n'est pas encore un tutoriel, mais pour vous sentir à l'aise en le lisant, vous aurez besoin de connaissances de base en javascript compréhension de base de graphql si vous n'en avez pas, le graphql js est un endroit parfait pour commencer un projet react native de base fonctionnant sur votre environnement local 1 téléchargement du schéma le schéma est votre source de vérité depuis le serveur qui sera situé sur votre frontend sur back4app, le schéma est un fichier automatique généré une fois que vous définissez votre modèle de données pour mieux comprendre le schéma graphql de back4app, vous pouvez l'ouvrir sur la console graphql en suivant les étapes suivantes allez sur le tableau de bord de votre application back4app ; dans le menu de gauche, cliquez sur api console, sous l'onglet core ; choisissez graphql et vous verrez quelque chose comme ceci bienvenue dans le terrain de jeu graphql ici, vous pouvez écrire et exécuter des requêtes, des mutations en utilisant le langage sdl dans le coin supérieur droit, vous verrez deux onglets docs et schema dans l'onglet docs, vous trouverez une documentation facile à lire de l'api graphql la documentation est basée sur les types d'objets qui sont générés une fois que vous construisez votre modèle de données sur back4app pour les développeurs, c'est génial car cela peut être utilisé comme référence rapide pour construire vos requêtes et mutations back4app génère également une spécification pour votre api graphql le schéma connu sous le nom de schéma le schéma se trouve dans l'onglet schema et est écrit en utilisant sdl (schema definition language) le schéma sera utilisé comme source de vérité sur votre frontend allez y, cliquez sur le téléchargement sdl et obtenez le fichier à utiliser à l'étape suivante 2 coller le schéma dans l'application react native pour que relay puisse lire le fichier de schéma dans l'application react native, vous devez coller le fichier de schéma à un emplacement spécifique faisons cela dans votre projet react native créez un dossier à la racine de votre application et nommez le data data collez le fichier de schéma (sdl) dans ce dossier c'est fait votre frontend a déjà la source de vérité de votre backend avec votre schéma graphql la configuration finale est montrée ci dessous important chaque fois que vous modifiez votre modèle de données sur back4app, votre fichier de schéma changera il est très important de garder le fichier de schéma toujours à jour sur votre frontend, donc chaque fois que vous changez le schéma, vous devez le télécharger à nouveau sur votre projet d'application react native conclusion avec le schéma déjà placé dans votre application react native, vous allez maintenant apprendre comment configurer et préparer votre environnement pour pouvoir récupérer les requêtes de vos composants