GraphQL-Schema für React Native: Herunterladen und Integrieren

laden sie das graphql schema herunter einführung in unserem vorherigen leitfaden haben wir mehr über den erstaunlichen graphql client relay gelernt jetzt ist es an der zeit zu verstehen, wie sie relay verwenden können, um daten von back4app abzurufen, um sie in ihrer react native app zu verwenden in diesem leitfaden lernen sie, wie sie die graphql schema datei herunterladen und in ihr react native projekt einfügen ziel bereiten sie ihr react native projekt vor, um die back4app graphql api zu verwenden, indem sie das schema herunterladen voraussetzungen dies ist noch kein tutorial, aber um sich beim lesen wohlzufühlen, benötigen sie grundkenntnisse in javascript grundverständnis von graphql wenn sie das nicht haben, ist der graphql js ein perfekter ausgangspunkt ein grundlegendes react native projekt, das in ihrer lokalen umgebung läuft 1 herunterladen des schemas das schema ist ihre quelle der wahrheit vom server, die sich auf ihrem frontend befindet auf back4app ist das schema eine automatische datei, die generiert wird, sobald sie ihr datenmodell definieren um das back4app graphql schema besser zu verstehen, können sie es in der graphql konsole öffnen, indem sie die folgenden schritte ausführen gehen sie zu ihrem back4app dashboard; klicken sie im linken menü auf api konsole unter dem tab core; wählen sie graphql und sie werden etwas wie dies sehen willkommen im graphql spielplatz hier können sie abfragen und mutationen mit der sdl sprache schreiben und ausführen oben rechts sehen sie zwei registerkarten docs und schema auf der registerkarte docs finden sie eine leicht lesbare dokumentation der graphql api die dokumentation basiert auf den objekttypen, die generiert werden, sobald sie ihr datenmodell auf back4app erstellen für entwickler ist das großartig, da es als schnelle referenz zum erstellen ihrer abfragen und mutationen verwendet werden kann back4app generiert auch eine spezifikation für ihre graphql api das allgemein bekannte schema das schema befindet sich auf der registerkarte schema und ist in sdl (schema definition language) geschrieben das schema wird als quelle der wahrheit in ihrem frontend verwendet klicken sie einfach auf den sdl download und laden sie die datei für den nächsten schritt herunter 2 das schema in die react native app einfügen damit relay die schema datei in der react native app lesen kann, müssen sie die schema datei an einem bestimmten pfad einfügen lassen sie uns dies in ihrem react native projekt tun erstellen sie einen ordner im stammverzeichnis ihrer anwendung und benennen sie ihn data data fügen sie die schema datei (sdl) in diesen ordner ein fertig ihr frontend hat bereits die quelle der wahrheit von ihrem backend mit ihrem graphql schema die endgültige konfiguration ist unten dargestellt wichtig jedes mal, wenn sie ihr datenmodell auf back4app ändern, ändert sich ihre schema datei es ist sehr wichtig, die schema datei immer aktualisiert in ihrem frontend zu halten, sodass sie jedes mal, wenn sie das schema ändern, es erneut in ihrem react native app projekt hochladen müssen fazit mit dem bereits in ihrer react native anwendung platzierten schema lernen sie nun, wie sie ihre umgebung konfigurieren und vorbereiten, um ihre komponentenabfragen abrufen zu können