GraphQL ist eine leistungsfähige Query-Sprache für API, die dem Client die Möglichkeit gibt, genau die Daten zu spezifizieren, die benötigt werden. Im Gegensatz zu REST, wo Sie in der Regel mehrere Endpunkte mit fest definierten Strukturen haben, bietet GraphQL einen einzigen Endpunkt, über den Sie auf die Daten zugreifen können.
Im Folgenden sind einige Schritte, die Sie zum Einrichten und Arbeiten mit GraphQL mit JavaScript befolgen können.
1. Installieren Sie Abhängigkeiten:
GraphQL hat einige Abhängigkeiten, die Sie zuerst installieren müssen. Am einfachsten ist es, dies mit npm zu tun. Sie benötigen die Pakete graphql, express und express-graphql.
Im Terminal führen Sie den folgenden Befehl aus:
```
npm install express express-graphql graphql
```
2. Erstellen Sie einen einfachen GraphQL Schema:
GraphQL verwendet Schemata, um festzulegen, welche Daten über die API verfügbar sind. Ein einfaches Schema könnte so aussehen:
```javascript
const { buildSchema } = require(‘graphql’);
const schema = buildSchema(`
type Query {
hello: String
}
`);
```
3. Erstellen Sie Resolver-Funktionen:
Resolver-Funktionen sind Funktionen, die den von den Client-Anfragen definierten Daten entsprechen. Eine einfache Resolver-Funktion könnte so aussehen:
```javascript
const root = {
hello: () => ‘Hallo Welt!’,
};
```
4. Richten Sie den GraphQL-Server ein:
Sobald Sie ein Schema und Resolver haben, können Sie Ihren GraphQL-Server einrichten. Express bietet eine einfache Möglichkeit, dies zu tun:
```javascript
const express = require(‘express’);
const { graphqlHTTP } = require(‘express-graphql’);
const app = express();
app.use(
‘/graphql’,
graphqlHTTP({
schema: schema,
rootValue: root,
graphiql: true,
}),
);
app.listen(4000);
console.log(‘Running a GraphQL API server at http://localhost:4000/graphql’);
```
5. Senden Sie Anfragen an den GraphQL-Server:
Mit Ihrem Server können Sie jetzt GraphQL-Anfragen senden. Wenn Sie zum Beispiel den folgenden URL in Ihren Browser eingeben würden:
```
http://localhost:4000/graphql?query={hello}
```
Sie sollten als Antwort “Hallo Welt!” erhalten.
Hinweis: Dies ist eine Einführung in die Verwendung von GraphQL mit JavaScript, es gibt viel mehr zu entdecken, einschließlich Mutationen (für POST, PUT, DELETE usw.), wie man mit tatsächlichen Datenbanken interagiert und wie man komplexe Abfragen und Schemas erstellt.
