GraphQL is een manier om te communiceren met een API. Het is een alternatief voor REST of SOAP.
Hier is een basismanier om GraphQL te gebruiken met JavaScript, met behulp van de `fetch` API:
1. Allereerst moet je ervoor zorgen dat je GraphQL-server correct is geconfigureerd en bereikbaar is. Met welke URL je server bereikbaar is, hangt af van je specifieke configuratie of service.
1. Vervolgens kan je een GraphQL-query schrijven in een string. Bijvoorbeeld:
```
const GRAPHQL_QUERY = `
{
users {
name
email
}
}
`;
```
1. Nu kan je die query serveren via een POST-aanvraag naar de GraphQL-server:
```
fetch(‘http://localhost:4000/graphql’, {
method: ‘POST’,
headers: {
‘Content-Type’: ‘application/json’,
‘Accept’: ‘application/json’,
},
body: JSON.stringify({
query: GRAPHQL_QUERY
})
})
.then(r => r.json())
.then(data => console.log(‘data returned:’, data));
```
Houd er rekening mee dat dit een zeer basisvoorbeeld is. In een echte applicatie wil je oauth, foutafhandeling, query-variabelen en vele andere dingen implementeren. Ook zijn er bibliotheken zoals `Apollo Client` die een meer geavanceerde en gebruiksvriendelijke GraphQL-client bieden.
Dit voorbeeld is ook gebaseerd op het gebruik van de `fetch` API, die mogelijk niet beschikbaar is in oudere browsers of bepaalde omgevingen. Je kan het vervangen door een andere manier om HTTP-verzoeken te doen, zoals `axios`, of een polyfill gebruiken.
