React Native
Relay (GraphQL)
Guía: Descargar esquema GraphQL en React Native
9 min
descargar el esquema de graphql introducción en nuestra guía anterior aprendimos más sobre el increíble cliente de graphql relay ahora es el momento de entender cómo puedes usar relay para obtener datos de back4app para usarlos en tu aplicación de react native en esta guía aprenderás cómo descargar el archivo del esquema de graphql y colocarlo en tu proyecto de react native objetivo preparar tu proyecto de react native para usar la api de graphql de back4app descargando el esquema requisitos previos esto aún no es un tutorial, pero para sentirte cómodo leyéndolo necesitarás conocimientos básicos de javascript comprensión básica de graphql si no la tienes, el graphql js es un lugar perfecto para comenzar un proyecto básico de react native funcionando en tu entorno local 1 descargando el esquema el esquema es tu fuente de verdad desde el servidor que estará ubicado en tu frontend en back4app, el esquema es un archivo automático generado una vez que defines tu modelo de datos para entender mejor el esquema graphql de back4app, puedes abrirlo en la consola de graphql siguiendo los siguientes pasos ve a tu panel de control de back4app; en el menú de la izquierda, haz clic en consola api, bajo la pestaña core; elige graphql y verás algo como esto bienvenido al playground de graphql aquí puedes escribir y ejecutar consultas, mutaciones usando el lenguaje sdl en la parte superior derecha verás dos pestañas docs y schema en la pestaña docs encontrarás una documentación fácil de leer de la api de graphql la documentación se basa en los tipos de objetos que se generan una vez que construyes tu modelo de datos en back4app para los desarrolladores, esto es increíble porque se puede usar como una referencia rápida para construir tus consultas y mutaciones back4app también genera una especificación para tu api de graphql el esquema conocido popularmente el esquema se encuentra en la pestaña schema y está escrito utilizando sdl (schema definition language) el esquema se utilizará como fuente de verdad en tu frontend adelante, haz clic en la descarga de sdl y obtén el archivo para usar en el siguiente paso 2 pegando el esquema en la aplicación de react native para que relay pueda leer el archivo de esquema en la aplicación de react native, necesitas pegar el archivo de esquema en una ruta específica hagamos esto en tu proyecto de react native crea una carpeta en la ruta raíz de tu aplicación y nómbrala data data pega el archivo de esquema (sdl) en esta carpeta listo tu frontend ya tiene la fuente de verdad de tu backend con tu esquema de graphql la configuración final se muestra a continuación importante cada vez que cambies tu modelo de datos en back4app, tu archivo de esquema cambiará es muy importante mantener el archivo de esquema siempre actualizado en tu frontend, así que cada vez que cambies el esquema, necesitas subirlo nuevamente en tu proyecto de aplicación de react native conclusión con el esquema ya colocado en tu aplicación de react native, ahora aprenderás cómo configurar y preparar tu entorno para poder obtener las consultas de tus componentes