Scarica e Integrare Schema GraphQL in React Native

scarica lo schema graphql introduzione nella nostra guida precedente abbiamo imparato di più sul fantastico client graphql relay ora è il momento di capire come puoi utilizzare relay per recuperare dati da back4app per usarli nella tua app react native in questa guida imparerai come scaricare il file dello schema graphql e posizionarlo nel tuo progetto react native obiettivo preparare il tuo progetto react native per utilizzare l'api graphql di back4app scaricando lo schema prerequisiti questo non è ancora un tutorial, ma per sentirti a tuo agio nel leggerlo avrai bisogno di conoscenze di base di javascript comprensione di base di graphql se non ce l'hai, il graphql js è un posto perfetto per iniziare un progetto react native di base in esecuzione nel tuo ambiente locale 1 scaricare lo schema lo schema è la tua fonte di verità dal server che sarà situato nel tuo frontend su back4app lo schema è un file automatico generato una volta che definisci il tuo modello di dati per comprendere meglio lo schema graphql di back4app puoi aprirlo nella console graphql seguendo i seguenti passaggi vai al tuo dashboard di back4app; nel menu a sinistra, clicca su api console, sotto la scheda core; scegli graphql e vedrai qualcosa di simile a questo benvenuto nel playground di graphql qui puoi scrivere ed eseguire query e mutazioni utilizzando il linguaggio sdl nella parte superiore destra vedrai due schede docs e schema nella scheda docs troverai una documentazione facile da leggere dell'api graphql la documentazione si basa sui tipi di oggetti che vengono generati una volta che costruisci il tuo modello di dati su back4app per gli sviluppatori questo è fantastico perché può essere utilizzato come riferimento rapido per costruire le tue query e mutazioni back4app genera anche una specifica per la tua api graphql il noto schema popolare lo schema si trova nella scheda schema ed è scritto utilizzando sdl (schema definition language) lo schema sarà utilizzato come fonte di verità sul tuo frontend vai avanti, clicca sul download sdl e ottieni il file da utilizzare nel passaggio successivo 2 incollare lo schema nell'app react native affinché relay possa leggere il file dello schema nell'app react native, devi incollare il file dello schema in un percorso specifico facciamo questo nel tuo progetto react native crea una cartella nel percorso radice della tua applicazione e chiamala data data incolla il file dello schema (sdl) in questa cartella fatto il tuo frontend ha già la fonte di verità dal tuo backend con il tuo schema graphql la configurazione finale è mostrata di seguito importante ogni volta che cambi il tuo modello di dati su back4app, il tuo file schema cambierà è molto importante mantenere il file schema sempre aggiornato sul tuo frontend, quindi ogni volta che cambi lo schema, devi caricarlo di nuovo nel tuo progetto app react native conclusione con lo schema già posizionato nella tua applicazione react native, ora imparerai come configurare e preparare il tuo ambiente per poter recuperare le query dei tuoi componenti