7. Correction : Retourner une liste de données au format JSON

Alors, est-ce que tout s’est bien passé ? Vous avez pu récupérer la liste des 12 pokémons de votre API Rest, depuis votre navigateur ?

De mon côté, j’ai simplement réutilisé la structure des réponses que nous avions déjà mis en place, en adaptant le message et les données renvoyées.

On obtient donc le code suivant pour le point d’entrée app.js de notre application :

const express = require('express')
const pokemons = require('./mock-pokemon.js');
const { success } = require('./helper.js');
 
const app = express()
const port = 3000
 
app.get('/', (req, res) => res.send('Hello, Express!'))
 
// On retourne la liste des pokémons au format JSON, avec un message :
app.get('/api/pokemons', (req, res) => {
  const message = 'La liste des pokémons a bien été récupérée.'
  res.json(success(message, pokemons))
})
 
app.get('/api/pokemons/:id', (req, res) => {
  const id = parseInt(req.params.id)
  const pokemon = pokemons.find(pokemon => pokemon.id === id)
  const message = 'Un pokémon a bien été trouvé.'
  res.json(success(message, pokemon))
})
 
app.listen(port, () => console.log(`Notre application Node est démarrée sur : http://localhost:${port}`))

Le code en lui-même fonctionne de la même manière que ce que nous avons déjà vu. On a simplement adapté les données et le message renvoyés.

Avant de continuer, vous pouvez vérifier rapidement que tout fonctionne de votre côté, en vous rendant dans votre navigateur à l’URL /api/pokemons.

Si tout est bon, alors c’est parfait !