Სარჩევი:

როგორ დავიწყო GraphiQL?
როგორ დავიწყო GraphiQL?

ვიდეო: როგორ დავიწყო GraphiQL?

ვიდეო: როგორ დავიწყო GraphiQL?
ვიდეო: GraphQL Explained in 100 Seconds 2024, მაისი
Anonim

Როგორ გამოვიყენო GraphiQL . როდესაც დეველოპერული სერვერი მუშაობს თქვენი გეტსბის ერთ-ერთი საიტისთვის, გახსენით GraphiQL https://localhost:8000/_graphql-ზე და ითამაშეთ თქვენი მონაცემებით! დააჭირეთ Ctrl + Space (ან გამოიყენეთ Shift + Space, როგორც კლავიატურის ალტერნატიული მალსახმობი) ავტომატური შევსების ფანჯრის გამოსაჩენად და Ctrl + Enter გასაშვებად. GraphQL შეკითხვა.

ანალოგიურად, ისმება კითხვა, როგორ დავიწყო GraphQL?

სამუშაოების სია

  1. შეარჩიეთ ჩარჩო თქვენი GraphQL სერვერის განსახორციელებლად. ჩვენ გამოვიყენებთ Express.
  2. განსაზღვრეთ სქემა, რათა GraphQL-მა იცოდეს, როგორ მარშრუტებს შემომავალი მოთხოვნები.
  3. შექმენით გადამწყვეტი ფუნქციები, რომლებიც ამუშავებენ შეკითხვებს და უთხარით GraphQL-ს რა დააბრუნოს.
  4. შექმენით საბოლოო წერტილი.
  5. დაწერეთ კლიენტის მხრიდან მოთხოვნა, რომელიც იღებს მონაცემებს.

ანალოგიურად, როგორ ქმნით შეკითხვას GraphQL-ში? მოდით შევქმნათ მარტივი აპლიკაცია შეკითხვის ცვლადის გასაგებად.

  1. ნაბიჯი 1 - შეცვალეთ სქემის ფაილი. დაამატეთ sayHello ველი, რომელიც იღებს სტრიქონის პარამეტრს და აბრუნებს სტრიქონს.
  2. ნაბიჯი 2 - გადამწყვეტის რედაქტირება. js ფაილი.
  3. ნაბიჯი 3 - გამოაცხადეთ Query ცვლადი GraphiQL-ში. ცვლადი გამოცხადებულია $-ით, რასაც მოჰყვება ცვლადის სახელი.

მაშინ, რა არის GraphQL და როგორ იყენებთ მას?

Მოკლედ, GraphQL არის სინტაქსი, რომელიც აღწერს, თუ როგორ უნდა მოითხოვოს მონაცემები და, როგორც წესი, გამოიყენება სერვერიდან კლიენტზე მონაცემების ჩასატვირთად. GraphQL აქვს სამი ძირითადი მახასიათებელი: ის საშუალებას აძლევს კლიენტს ზუსტად განსაზღვროს რა მონაცემები სჭირდება. ეს აადვილებს მონაცემთა გაერთიანებას მრავალი წყაროდან.

როგორ გადააქვთ შეკითხვის ცვლადი GraphiQL-ში?

GraphQL სწრაფი რჩევა: როგორ გადავიტანოთ ცვლადები GraphiQL-ში

  1. მუტაცია შიდა არგუმენტებით მომხმარებლის შესაქმნელად. ცვლადები GraphiQL-ში.
  2. მუტაცია ცვლადებით მომხმარებლის შესაქმნელად. თუ გვსურს გამოვიყენოთ ცვლადები GraphiQL-ში, უბრალოდ დააწკაპუნეთ QUERY VARIABLES პანელზე თქვენი ეკრანის ბოლოში და გადასვით შემდეგი კოდი.
  3. JSON-ის მაგალითი ცვლადებით.

გირჩევთ: