GraphQL avec Apollo

GraphQL avec Apollo


GraphQL kézako ?

GraphQL est un langage de requête initié par Facebook en 2012 et développé en 2015. Facebook Manifest. GraphQL permet de se brancher à n'importe quel type de base de données ou d'API. Le but de GraphQL est de décrire les données et les fonctions disponibles entre les applications client-serveur.

GraphQL ne stocke donc pas de données. Il va seulement décrire la donnée et savoir comment aller la récupérer sur vos différentes applications backend.

Je vous invite à lire l'article de notre blog expliquant comment fonctionne GraphQL.

Qu'allons-nous faire ?

Dans ce tutoriel nous allons mettre en place un serveur GraphQL via le framework Apollo.

Le but est de comprendre :

  • la mise en place d'un serveur GraphQL ;
  • la création des requêtes pour lire la donnée ;
  • la création des requêtes d'ecriture des données.

Pré-requis

Nous allons utiliser une base de données PostgreSQL pour le stockage des données.

Le serveur Apollo sera en NodeJS en version 9. Nous utiliserons Yarn comme gestionnaire de dépendance.

Le code javascript sera en ES6 avec l'utilisation de Babel pour la compilation.

Si vous ne souhaitez pas installer node sur votre machine, vous pouvez utiliser Docker. Le code fourni pour le tutoriel disponible ici, contient un fichier docker-compose.yml vous permettant d'installer le projet.

Auteur(s)

Jonathan Jalouzot

Jonathan Jalouzot

Lead développeur au @lemondefr, mes technologies sont le symfony depuis 2009, le nodejs, l'angularjs, rabbitMq etc ... J'adore les médias et aimerai continuer dans ce secteur plein de surprise. Vous pouvez me retrouver sur les réseaux sociaux: Twitter: @captainjojo42 Instagram: @captainjojo42 Linkedin: https://fr.linkedin.com/in/jonathanjalouzot Github: https://github.com/captainjojo

Voir le profil

Vous souhaitez en savoir plus sur le sujet ?
Organisons un échange !

Notre équipe d'experts répond à toutes vos questions.

Nous contacter

Découvrez nos autres contenus dans le même thème

À la découverte de l'Anchor positioning API

La nouvelle Anchor positioning API en CSS

L'Anchor positioning API est arrivée en CSS depuis quelques mois. Expérimentale et uniquement disponible à ce jour pour les navigateurs basés sur Chromium, elle est tout de même très intéressante pour lier des éléments entre eux et répondre en CSS à des problématiques qui ne pouvaient se résoudre qu'en JavaScript.