Menu
CoddyTech

Paramètres de route

Fait partie de la section Les bases d’Express du Journey Node.js de Coddy. Leçon 4 sur 23.

Recipe Box contiendra de nombreuses recettes, et une route par recette ne finirait jamais.

app.get('/weather/:city', (req, res) => {
    res.send('Forecast for ' + req.params.city);
});

Une partie du chemin qui commence par deux-points est un paramètre de route : elle correspond à n’importe quelle valeur, et Express place cette valeur dans req.params. GET /weather/oslo envoie Forecast for oslo.

Un paramètre est toujours une chaîne de caractères. GET /rooms/12 renvoie '12', et '12' === 12 vaut false ; convertis-le donc avec Number(...) avant de le comparer à des nombres.

Lorsque l’élément demandé n’existe pas, renvoie le statut 404 : res.status(404).send('No such city') définit le statut, puis envoie la réponse.

challenge icon

Défi

Facile

Chaque recette possède sa propre page, à un chemin qui contient son identifiant : /recipes/1, /recipes/2, et ainsi de suite.

  1. Dans server.js, ajoute une route pour /recipes/:id. Elle recherche dans recipes (depuis data.js) la recette dont l’id correspond à celui du chemin. Elle envoie uniquement le titre de cette recette, sous forme de texte : /recipes/2 envoie Pancakes.
  2. L’identifiant du chemin est une chaîne de caractères, tandis que les identifiants dans data.js sont des nombres : convertis-le donc avant de faire la comparaison.
  3. Si aucune recette ne possède cet identifiant, définis le statut sur 404 et envoie le texte No such recipe.

Essaie : Clique sur « Jouer » et envoie /recipes/2. Tu devrais voir Pancakes avec le statut 200. Envoie /recipes/4 : Fish & Chips. Envoie /recipes/99 : No such recipe avec le statut 404.

Essayez vous-même

import express from 'express';
import { recipes } from './data.js';

const app = express();

app.get('/', (req, res) => {
    res.send('Welcome to Recipe Box');
});

// type('text') envoie du texte brut, si bien que chaque titre apparaît sur sa propre ligne.
app.get('/recipes', (req, res) => {
    res.type('text').send(recipes.map((recipe) => recipe.title).join('\n'));
});

app.get('/about', (req, res) => {
    res.send('Recipe Box collects family recipes.');
});

app.listen(3000, () => {
    console.log('Recipe Box is running on port 3000');
});
quiz iconTestez-vous

Cette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.

Toutes les leçons de Les bases d’Express

Entraînez-vous par vous-même : Playground Express