Агуулгын хүснэгт:

Би GraphiQL-г хэрхэн эхлүүлэх вэ?
Би GraphiQL-г хэрхэн эхлүүлэх вэ?

Видео: Би GraphiQL-г хэрхэн эхлүүлэх вэ?

Видео: Би GraphiQL-г хэрхэн эхлүүлэх вэ?
Видео: Java технологийн яриа: Spring Boot болон GraphQl интеграцчилал. Үүнийг хэрхэн энгийн болгох вэ? 2024, Арваннэгдүгээр
Anonim

Яаж хэрэглэх вэ GraphiQL . Хөгжүүлэгч сервер таны Gatsby сайтуудын аль нэгэнд ажиллаж байх үед нээнэ үү GraphiQL https://localhost:8000/_graphql хаягаар орж өөрийн өгөгдөлтэй тоглоорой! Ctrl + Space дарна уу (эсвэл Shift + Space товчлуурыг товчлуурын товчлуур болгон ашиглана уу) автоматаар бөглөх цонхыг нээж, Ctrl + Enter дарж GraphQL асуулга.

Үүнтэй адилаар би GraphQL-г хэрхэн эхлүүлэх вэ?

Хийх зүйлсийн жагсаалт

  1. GraphQL серверээ хэрэгжүүлэх хүрээг сонго. Бид Экспресс ашиглах болно.
  2. GraphQL нь ирж буй асуулгыг хэрхэн чиглүүлэхийг мэддэг байхаар схемийг тодорхойл.
  3. Асуултуудыг зохицуулдаг шийдвэрлэх функцуудыг үүсгэж, юу буцаахыг GraphQL-д хэлээрэй.
  4. Төгсгөлийн цэгийг бий болгох.
  5. Өгөгдөл авчрах үйлчлүүлэгч талын асуулга бичнэ үү.

Үүний нэгэн адил та GraphQL дээр хэрхэн асуулга үүсгэх вэ? Асуулгын хувьсагчийг ойлгохын тулд энгийн програм бүтээцгээе.

  1. Алхам 1 - Схемийн файлыг засах. Мөр параметр авч мөрийг буцаадаг sayHello талбарыг нэмнэ үү.
  2. Алхам 2 - Шийдвэрлэгчийг засах. js файл.
  3. Алхам 3 − GraphiQL дээр асуулгын хувьсагчийг зарлах. Хувьсагчийг $-ын дараа хувьсагчийн нэрээр зарлана.

Тэгвэл GraphQL гэж юу вэ, түүнийг хэрхэн ашиглах вэ?

Самрын ясанд, GraphQL нь өгөгдлийг хэрхэн асуухыг тодорхойлсон синтакс бөгөөд ерөнхийдөө серверээс клиент рүү өгөгдөл ачаалахад ашиглагддаг. GraphQL гурван үндсэн шинж чанартай: Энэ нь үйлчлүүлэгчид яг ямар өгөгдөл хэрэгтэйг зааж өгөх боломжийг олгодог. Энэ нь олон эх сурвалжаас өгөгдлийг нэгтгэхэд хялбар болгодог.

GraphiQL дээр асуулгын хувьсагчийг хэрхэн дамжуулах вэ?

GraphQL-ийн шуурхай зөвлөгөө: GraphiQL-д хувьсагчдыг хэрхэн дамжуулах вэ

  1. Дотор аргументтай хэрэглэгч үүсгэх мутаци. GraphiQL дахь хувьсагчид.
  2. хувьсагчтай хэрэглэгч үүсгэх мутаци. Хэрэв бид хувьсагчдыг GraphiQL-д ашиглахыг хүсвэл дэлгэцийнхээ доод хэсэгт байрлах QUERY VARIABLES самбар дээр дараад дараах кодыг оруулна уу.
  3. хувьсагчтай JSON-ийн жишээ.

Зөвлөмж болгож буй: