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.
Défi
FacileChaque recette possède sa propre page, à un chemin qui contient son identifiant : /recipes/1, /recipes/2, et ainsi de suite.
- Dans
server.js, ajoute une route pour/recipes/:id. Elle recherche dansrecipes(depuisdata.js) la recette dont l’idcorrespond à celui du chemin. Elle envoie uniquement le titre de cette recette, sous forme de texte :/recipes/2envoiePancakes. - L’identifiant du chemin est une chaîne de caractères, tandis que les identifiants dans
data.jssont des nombres : convertis-le donc avant de faire la comparaison. - 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');
});
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
1Votre premier serveur
Bonjour, ExpressLe module httpPlus de routesParamètres de routeEntraînez-vous par vous-même : Playground Express