Parámetros de ruta

Parte de la sección Conceptos básicos de Express del Journey de Node.js de Coddy. Lección 4 de 23.

Recipe Box contendrá muchas recetas, y una ruta por receta no terminaría nunca.

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

Una parte de la ruta que empieza con dos puntos es un parámetro de ruta: coincide con cualquier valor, y Express coloca ese valor en req.params. GET /weather/oslo envía Forecast for oslo.

Un parámetro siempre es una cadena. GET /rooms/12 devuelve '12', y '12' === 12 es false, así que conviértelo con Number(...) antes de compararlo con números.

Cuando lo que se solicita no existe, responde con el estado 404: res.status(404).send('No such city') establece el estado y después envía la respuesta.

Desafío

Fácil

Cada receta tiene su propia página, en una ruta que contiene su id: /recipes/1, /recipes/2, etc.

En server.js, añade una ruta para /recipes/:id. Busca en recipes (de data.js) la receta cuyo id coincide con el id de la ruta. Envía solo el título de esa receta, como texto: /recipes/2 envía Pancakes.
El id de la ruta es una cadena y los id de data.js son números, así que conviértelo antes de compararlos.
Cuando ninguna receta tenga ese id, establece el estado en 404 y envía el texto No such recipe.

Pruébalo: Pulsa Ejecutar y envía /recipes/2. Deberías ver Pancakes con el estado 200. Envía /recipes/4: Fish & Chips. Envía /recipes/99: No such recipe con el estado 404.

Pruébalo tú mismo

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

const app = express();

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

// type('text') envía texto sin formato, por lo que cada título aparece en su propia línea.
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');
});