Sisukord:

Kuidas GraphiQL-i käivitada?
Kuidas GraphiQL-i käivitada?

Video: Kuidas GraphiQL-i käivitada?

Video: Kuidas GraphiQL-i käivitada?
Video: Listening to real-time changes on the database with Flutter and Supabase 2024, November
Anonim

Kuidas kasutada GraphiQL . Kui arendusserver töötab mõne teie Gatsby saidi jaoks, avage GraphiQL aadressil https://localhost:8000/_graphql ja mängige oma andmetega! Vajutage klahvikombinatsiooni Ctrl + tühik (või kasutage alternatiivse kiirklahvina Shift + Tühik), et avada automaatse täitmise aken, ja Ctrl + Enter, et käivitada GraphQL päring.

Samamoodi küsitakse, kuidas ma saan GraphQL-iga alustada?

Nimekiri

  1. Valige oma GraphQL-serveri juurutamiseks raamistik. Kasutame Expressi.
  2. Määrake skeem, et GraphQL teaks, kuidas sissetulevaid päringuid suunata.
  3. Looge päringuid käsitlevaid lahendamisfunktsioone ja ütle GraphQL-ile, mida tagastada.
  4. Ehitage lõpp-punkt.
  5. Kirjutage kliendipoolne päring, mis toob andmeid.

Samamoodi, kuidas luua päring GraphQL-is? Loome päringumuutuja mõistmiseks lihtsa rakenduse.

  1. 1. samm – muutke skeemifaili. Lisage väli sayHello, mis võtab stringiparameetri ja tagastab stringi.
  2. 2. samm – muutke lahendajat. js fail.
  3. 3. samm – päringumuutuja deklareerimine GraphiQL-is. Muutuja deklareeritakse tähega $, millele järgneb muutuja nimi.

Mis on GraphQL ja kuidas seda kasutada?

Ühesõnaga GraphQL on süntaks, mis kirjeldab andmete küsimist ja mida kasutatakse tavaliselt andmete laadimiseks serverist kliendile. GraphQL Sellel on kolm peamist omadust: see võimaldab kliendil täpselt määrata, milliseid andmeid ta vajab. See muudab mitmest allikast pärit andmete koondamise lihtsamaks.

Kuidas päringumuutujat GraphiQL-is edastada?

GraphQL-i kiirnõuanne: kuidas GraphiQL-is muutujaid edastada

  1. mutatsioon sisemiste argumentidega kasutaja loomiseks. Muutujad GraphiQL-is.
  2. mutatsioon muutujatega kasutaja loomiseks. Kui soovime GraphiQL-is muutujaid kasutada, klõpsake lihtsalt ekraani allosas paneelil QUERY VARIABLES ja edastage järgmine kood.
  3. muutujatega JSON-i näide.

Soovitan: