GraphQL-API's met Spring Boot · Les

Eenvoudige GraphQL-queries uitvoeren

Oefen met het opstellen en uitvoeren van eenvoudige queries om gegevens op te halen met tools zoals GraphiQL of GraphQL Playground.

Les 3 van 412 stappen

Eenvoudige GraphQL-queries uitvoeren is een gratis GraphQL-API's met Spring Boot-les op CoddyKit. Dit is les 3 van 4. Je kunt de volledige les hieronder gratis lezen en daarna in de browser praktisch oefenen met een ingebouwde code-editor en een AI-begeleider die 24/7 beschikbaar is. Deze les maakt deel uit van het leertraject GraphQL-API's met Spring Boot. Je voortgang wordt gesynchroniseerd op het web en in de CoddyKit-app. De cursus GraphQL-API's met Spring Boot bevat in totaal 4 lessen.

Wat zijn GraphQL-query's?

Welkom bij het uitvoeren van GraphQL-query's! In deze les leer je hoe je gegevens ophaalt van een GraphQL-server.

Een GraphQL-query is de manier waarop een clienttoepassing de server om gegevens vraagt. In tegenstelling tot traditionele REST-API's, waarbij je vaak vaste gegevensstructuren ontvangt, kun je met GraphQL precies aangeven welke gegevens je nodig hebt.

Interactieve hulpmiddelen voor query's

Voor het uitvoeren van query's gebruiken we vaak interactieve hulpmiddelen. Twee populaire opties zijn GraphiQL en GraphQL Playground.

  • Dit zijn browsergebaseerde IDE's (Integrated Development Environments).
  • Ze bieden functies zoals schemaverkenning, automatische aanvulling van query's en documentatie.
  • Ze maken verbinding met het eindpunt van je GraphQL-server om query's te verzenden en resultaten weer te geven.

De basisstructuur van een query

Een GraphQL-query begint met het selecteren van velden uit het hoofdtype Query. Je geeft de gewenste velden op en de server retourneert alleen die gegevens.

Het sleutelwoord query is optioneel voor eenvoudige query's, maar het is een goede gewoonte om het voor de duidelijkheid en voor het benoemen van bewerkingen op te nemen.

Specifieke velden selecteren

Stel dat ons schema een type Book heeft met de velden title en author. Als we een lijst met alle boeken en hun titels en auteurs willen ophalen, schrijven we:

query { allBooks { title author } }

Let op: de accolades {} definiëren een selectieset voor het veld allBooks.

Geneste gegevens opvragen

Een van de sterke punten van GraphQL is dat je geneste gegevens in één verzoek kunt opvragen. Als ons veld author een objecttype is met eigen velden, zoals name en nationality, kunnen we die ook selecteren:

query { allBooks { title author { name nationality } } }

Hiermee haal je boeken en de namen en nationaliteiten van hun auteurs allemaal tegelijk op!

Argumenten aan velden doorgeven

Je kunt argumenten aan velden doorgeven om te filteren, te pagineren of een specifiek item op te geven. Argumenten worden in het schema gedefinieerd en werken als functieparameters.

Als je bijvoorbeeld een specifiek boek op ID wilt ophalen:

query { bookById(id: "1") { title author { name } } }

Hier is id: "1" een argument dat aan het veld bookById wordt doorgegeven.

Aliassen voor het hernoemen van velden

Wat doe je als je hetzelfde veld meerdere keren met verschillende argumenten wilt opvragen? Met aliassen kun je het resultaat van een veld hernoemen.

Zo voorkom je conflicten in het JSON-antwoord wanneer dezelfde veldnaam meerdere keren voorkomt:

query { firstBook: bookById(id: "1") { title } secondBook: bookById(id: "2") { title } }

De resultaten heten firstBook en secondBook.

Selecties hergebruiken met fragmenten

Fragmenten zijn herbruikbare eenheden met selectielogica. Hiermee kun je een set velden één keer definiëren en deze vervolgens in meerdere query's of binnen dezelfde query hergebruiken.

Dit is handig voor complexe query's of wanneer verschillende delen van je gebruikersinterface dezelfde subset van gegevens nodig hebben:

fragment BookDetails on Book { title author { name } } query { bookById(id: "1") { ...BookDetails } }

Met de syntaxis ...BookDetails worden de velden uit het fragment in de query opgenomen.

Bewerkingsnamen en variabelen

Je query's een bewerkingsnaam geven, zoals GetBookDetails, is handig voor foutopsporing en logboekregistratie aan de serverkant.

Je kunt ook variabelen definiëren om dynamische gegevens aan je query's door te geven, waardoor ze flexibeler worden:

query GetBookDetails($bookId: ID!) { bookById(id: $bookId) { title author { name } } }

De variabele $bookId wordt afzonderlijk aangeleverd, meestal als een JSON-object, bijvoorbeeld {"bookId": "3"}, in je hulpmiddel voor query's.

Aanbevolen werkwijzen voor query's

Houd deze tips in gedachten bij het opstellen van je query's:

  • Wees specifiek: vraag alleen de gegevens op die je echt nodig hebt.
  • Gebruik fragmenten: voor herbruikbare selectiesets, vooral in verschillende delen van je toepassing.
  • Geef bewerkingen een naam: dit helpt bij foutopsporing en bewaking.
  • Gebruik variabelen: voor dynamische argumenten, in plaats van waarden rechtstreeks in de querytekenreeks vast te leggen.
  • Verken het schema: gebruik de documentatieverkenner van GraphiQL/Playground om te zien welke velden en argumenten beschikbaar zijn.

Korte controle

Welke van de volgende GraphQL-queryfragmenten gebruikt correct een alias om de titel van twee verschillende boeken op te halen?

Samenvatting van de basis van query's

Goed gedaan! Je hebt de basis van het uitvoeren van GraphQL-query's behandeld:

  • Hoe query's precies aangeven welke gegevens moeten worden opgehaald.
  • Het gebruik van hulpmiddelen zoals GraphiQL en GraphQL Playground.
  • De basisstructuur, inclusief het selecteren van velden en geneste gegevens.
  • Het doorgeven van argumenten aan velden om te filteren.
  • Het gebruik van aliassen om veldresultaten te hernoemen.
  • Het benutten van fragmenten voor herbruikbare selectiesets.
  • Het belang van bewerkingsnamen en variabelen.

Je bent nu klaar om efficiënt gegevens op te halen!

Gratis beginnen

Leer GraphQL-API's met Spring Boot met een AI-tutor — gratis

Schrijf echte code en voer die uit in je browser, krijg direct hulp van een AI-tutor die 24/7 beschikbaar is en ga verder waar je gebleven bent op het web of in de app.

Cursussen
12
Lessen
48

Veelgestelde vragen

Is de les “Eenvoudige GraphQL-queries uitvoeren” gratis?

Ja — de volledige tekst van “Eenvoudige GraphQL-queries uitvoeren” kun je hier gratis op het web lezen. Als je interactief wilt oefenen met een ingebouwde code-editor en een AI-begeleider die 24/7 beschikbaar is, en de rest van de cursus GraphQL-API's met Spring Boot wilt ontgrendelen, kun je upgraden naar CoddyKit PRO. De cursus GraphQL-API's met Spring Boot bevat in totaal 4 lessen.

Wat leer ik in “Eenvoudige GraphQL-queries uitvoeren”?

Oefen met het opstellen en uitvoeren van eenvoudige queries om gegevens op te halen met tools zoals GraphiQL of GraphQL Playground. Je oefent met GraphQL-API's met Spring Boot door code rechtstreeks in de browser uit te voeren. Een AI-begeleider die 24/7 beschikbaar is beantwoordt je vragen terwijl je de les doorwerkt.

Heb ik ervaring nodig om met GraphQL-API's met Spring Boot te beginnen?

Ervaring vooraf is niet nodig. GraphQL-API's met Spring Boot op CoddyKit is opgebouwd voor beginners tot gevorderden, zodat je hier of bij het begin kunt starten en in je eigen tempo kunt leren. Dit is les 3 van 4.

Hoe lang duurt de les “Eenvoudige GraphQL-queries uitvoeren”?

De meeste lessen van CoddyKit duren ongeveer 5–10 minuten. Elke les is kort en interactief, zodat je gestaag vooruitgaat en op het web en in de app precies verdergaat waar je was gebleven.

Kan ik code schrijven en uitvoeren in deze les over GraphQL-API's met Spring Boot?

Ja. Elke les over GraphQL-API's met Spring Boot bevat een ingebouwde code-editor, zodat je rechtstreeks in je browser echte code kunt schrijven en uitvoeren en direct feedback van AI krijgt — lokale installatie is niet nodig.

Alle lessen in deze cursus

  1. Aangepaste datatypen definiëren
  2. Data resolvers implementeren
  3. Eenvoudige GraphQL-queries uitvoeren
  4. GraphQL-mutaties: gegevens wijzigen
← Terug naar GraphQL-API's met Spring Boot