Cette page couvre Elm 0.18

Serveur de données

Il nous faudra un serveur pour les données de notre application.

Nous utiliserons json-server, un paquet npm qui permet de créer rapidement des fausses APIs.

Démarrez un nouveau projet node :

npm init

Acceptez toutes les valeurs par défaut.

Installez json-server :

npm i [email protected] -S

Créez le fichier api.js à la racine du projet :

var jsonServer = require('json-server')

// Retourne un serveur Express
var server = jsonServer.create()

// Définit les intergiciels (*middlewares*) par défaut (logger, static, cors et no-cache)
server.use(jsonServer.defaults())

var router = jsonServer.router('db.json')
server.use(router)

console.log('Listening at 4000')
server.listen(4000)

Créez db.json à la racine :

{
  "players": [
    { "id": "1", "name": "Sally", "level": 2 },
    { "id": "2", "name": "Lance", "level": 1 },
    { "id": "3", "name": "Aki", "level": 3 },
    { "id": "4", "name": "Maria", "level": 4 },
    { "id": "5", "name": "Julian", "level": 1 },
    { "id": "6", "name": "Jaime", "level": 1 }
  ]
}

Démarrez le serveur en tapant :

node api.js

Testez cette fausse API en vous rendant sur :

• http://localhost:4000/players