Բովանդակություն:

Ինչպե՞ս սկսել GraphiQL-ը:
Ինչպե՞ս սկսել GraphiQL-ը:

Video: Ինչպե՞ս սկսել GraphiQL-ը:

Video: Ինչպե՞ս սկսել GraphiQL-ը:
Video: How to Send GraphQL Requests with Fetch API - JavaScript Tutorial 2024, Նոյեմբեր
Anonim

Ինչպես օգտագործել GraphiQL . Երբ զարգացման սերվերը աշխատում է ձեր Գեթսբիի կայքերից մեկի համար, բացեք 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 – Հայտարարել Query Variable-ը GraphiQL-ում: Փոփոխական հայտարարվում է $ով, որին հաջորդում է փոփոխականի անունը:

Ապա, ի՞նչ է GraphQL-ը և ինչպե՞ս եք այն օգտագործում:

Մի խոսքով, GraphQL շարահյուսություն է, որը նկարագրում է, թե ինչպես կարելի է տվյալներ խնդրել, և սովորաբար օգտագործվում է սերվերից հաճախորդ տվյալները բեռնելու համար: GraphQL ունի երեք հիմնական բնութագրիչ. Այն թույլ է տալիս հաճախորդին հստակ նշել, թե ինչ տվյալներ են իրեն անհրաժեշտ: Այն հեշտացնում է տվյալների համախմբումը բազմաթիվ աղբյուրներից:

Ինչպե՞ս եք փոխանցում հարցման փոփոխականը GraphiQL-ում:

GraphQL արագ հուշում. Ինչպես փոխանցել փոփոխականները GraphiQL-ում

  1. մուտացիա՝ ներկառուցված արգումենտներով օգտվող ստեղծելու համար: Փոփոխականներ GraphiQL-ում:
  2. մուտացիա՝ փոփոխականներով օգտվող ստեղծելու համար: Եթե մենք ցանկանում ենք օգտագործել փոփոխականները GraphiQL-ում, պարզապես սեղմեք ձեր էկրանի ներքևում գտնվող QUERY VARIABLES վահանակի վրա և փոխանցեք հետևյալ կոդը:
  3. JSON-ի օրինակ՝ փոփոխականներով:

Խորհուրդ ենք տալիս: