Plus de routes

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

Un site comporte plusieurs pages ; le serveur a donc besoin d’une route pour chaque chemin.

app.get('/books', (req, res) => {
    res.send('12 books on the shelf');
});

app.get('/opening-hours', (req, res) => {
    res.send('Monday to Friday, 10 to 6');
});

Express lit le chemin de chaque requête et appelle la route correspondante : GET /books atteint la première fonction, et GET /opening-hours la deuxième. Un chemin sans route affiche la propre page 404 d’Express. Le chemin d’une route commence toujours par /.

Recipe Box est de retour, avec un fichier data.js contenant quatre recettes et une route /recipes qui en répertorie les titres.

Défi

Facile

Recipe Box a besoin d’une page À propos, à côté de la page d’accueil et de la liste des recettes.

Dans server.js, à l’endroit où le commentaire indique // Add the /about page here., ajoute une route pour le chemin /about. Elle envoie cette phrase, avec le point final : Recipe Box collects family recipes.
Laisse les routes / et /recipes telles quelles.

Essaie : Appuie sur « Jouer » et envoie /about. Tu devrais voir Recipe Box collects family recipes. Envoie /recipes : les quatre titres de recettes, un par ligne. Ensuite, envoie /about-us. Aucune route ne correspond à ce chemin, donc Express répond avec le statut 404 et Cannot GET /about-us. La liste des chemins dans la barre de requête indique les routes de ton application.

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, donc chaque titre apparaît sur sa propre ligne.
app.get('/recipes', (req, res) => {
    res.type('text').send(recipes.map((recipe) => recipe.title).join('\n'));
});

// Ajoutez la page /about ici.

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