ดาวน์โหลด GraphQL Schema สำหรับ React Native แอปพลิเคชัน

ดาวน์โหลด graphql schema บทนำ ในคู่มือก่อนหน้านี้เราได้เรียนรู้เพิ่มเติมเกี่ยวกับไคลเอนต์ graphql ที่น่าทึ่ง relay ตอนนี้ถึงเวลาเข้าใจว่าคุณสามารถใช้ relay เพื่อดึงข้อมูลจาก back4app ได้อย่างไรเพื่อใช้ในแอป react native ของคุณ ในคู่มือนี้คุณจะได้เรียนรู้วิธีดาวน์โหลดไฟล์ graphql schema และวางไว้ในโปรเจกต์ react native ของคุณ เป้าหมาย เตรียมโปรเจกต์ react native ของคุณให้พร้อมใช้งาน back4app graphql api โดยการดาวน์โหลด schema ข้อกำหนดเบื้องต้น นี่ไม่ใช่บทเรียนในขณะนี้ แต่เพื่อให้คุณรู้สึกสบายใจในการอ่าน คุณจะต้องมี ความรู้พื้นฐานเกี่ยวกับ javascript ความเข้าใจพื้นฐานเกี่ยวกับ graphql หากคุณไม่มี ให้ไปที่ https //github com/graphql/graphql js ซึ่งเป็นสถานที่ที่ดีในการเริ่มต้น โปรเจกต์พื้นฐานของ react native ที่ทำงานในสภาพแวดล้อมท้องถิ่นของคุณ 1 ดาวน์โหลด schema schema คือแหล่งข้อมูลที่เชื่อถือได้จากเซิร์ฟเวอร์ที่ตั้งอยู่บน frontend ของคุณ ใน back4app schema จะเป็นไฟล์อัตโนมัติที่สร้างขึ้นเมื่อคุณกำหนดโมเดลข้อมูลของคุณ เพื่อให้เข้าใจ schema graphql ของ back4app ได้ดียิ่งขึ้น คุณสามารถเปิดมันใน graphql console โดยทำตามขั้นตอนดังต่อไปนี้ ไปที่แดชบอร์ดแอป back4app ของคุณ; ในเมนูด้านซ้าย คลิกที่ api console ภายใต้แท็บ core; เลือก graphql และคุณจะเห็นสิ่งที่คล้ายกับนี้ ยินดีต้อนรับสู่ graphql playground ที่นี่คุณสามารถเขียนและรันคำถาม การเปลี่ยนแปลงโดยใช้ภาษา sdl ที่มุมขวาบนคุณจะเห็นแท็บสองแท็บ docs และ schema ในแท็บ docs คุณจะพบเอกสารที่อ่านง่ายเกี่ยวกับ graphql api เอกสารนี้อิงจากประเภทของวัตถุที่สร้างขึ้นเมื่อคุณสร้างโมเดลข้อมูลของคุณบน back4app สำหรับนักพัฒนานี่เป็นสิ่งที่ยอดเยี่ยมเพราะสามารถใช้เป็นข้อมูลอ้างอิงอย่างรวดเร็วในการสร้างคำถามและการเปลี่ยนแปลงของคุณ back4app ยังสร้างข้อกำหนดสำหรับ graphql api ของคุณ สคีมาที่รู้จักกันดี สคีมาจะพบได้ในแท็บ schema และเขียนโดยใช้ sdl (schema definition language) สคีมาจะถูกใช้เป็นแหล่งข้อมูลที่เชื่อถือได้ในส่วนหน้า ไปข้างหน้า คลิกที่การดาวน์โหลด sdl และรับไฟล์เพื่อใช้ในขั้นตอนถัดไป 2 วางสคีมาบนแอป react native เพื่อให้ relay สามารถอ่านไฟล์สคีมาในแอป react native คุณต้องวางไฟล์สคีมาบนเส้นทางเฉพาะ มาทำสิ่งนี้ในโปรเจกต์ react native ของคุณ สร้างโฟลเดอร์ในเส้นทางรากของแอปพลิเคชันของคุณและตั้งชื่อว่า data data วางไฟล์สคีมา (sdl) ไว้ในโฟลเดอร์นี้ เสร็จแล้ว ส่วนหน้าของคุณมีแหล่งข้อมูลที่เชื่อถือได้จากส่วนหลังของคุณด้วยสคีมาของ graphql ของคุณ การกำหนดค่าขั้นสุดท้ายแสดงด้านล่าง สำคัญ ทุกครั้งที่คุณเปลี่ยนโมเดลข้อมูลของคุณบน back4app ไฟล์สคีมาของคุณจะเปลี่ยนแปลงไป สิ่งสำคัญมากคือการรักษาไฟล์สคีมาให้เป็นปัจจุบันเสมอในส่วนหน้า ดังนั้นทุกครั้งที่คุณเปลี่ยนสคีมา คุณต้องอัปโหลดมันอีกครั้งในโปรเจกต์แอป react native ของคุณ บทสรุป เมื่อสคีมาอยู่ในแอป react native ของคุณแล้ว ตอนนี้คุณจะได้เรียนรู้วิธีการกำหนดค่าและเตรียมสภาพแวดล้อมของคุณเพื่อให้สามารถดึงคำถามของส่วนประกอบของคุณได้