Parâmetros de rota

Parte da seção Fundamentos de Express do Journey de Node.js da Coddy. Lição 4 de 23.

A Recipe Box terá muitas receitas, e uma rota por receita nunca teria fim.

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

Uma parte do caminho que começa com dois-pontos é um parâmetro de rota: ele corresponde a qualquer valor, e o Express coloca esse valor em req.params. GET /weather/oslo envia Forecast for oslo.

Um parâmetro é sempre uma string. GET /rooms/12 retorna '12', e '12' === 12 é false, então converta-o com Number(...) antes de compará-lo com números.

Quando o item solicitado não existe, responda com o status 404: res.status(404).send('No such city') define o status e, em seguida, envia a resposta.

Desafio

Fácil

Cada receita tem sua própria página, em um caminho que contém seu id: /recipes/1, /recipes/2 e assim por diante.

Em server.js, adicione uma rota para /recipes/:id. Ela encontra em recipes (de data.js) a receita cujo id corresponde ao id no caminho. Ela envia apenas o título dessa receita, como texto: /recipes/2 envia Pancakes.
O id do caminho é uma string, e os ids em data.js são números, então converta-o antes de comparar.
Quando nenhuma receita tiver esse id, defina o status como 404 e envie o texto No such recipe.

Experimente: pressione Run e envie /recipes/2. Você deverá ver Pancakes com o status 200. Envie /recipes/4: Fish & Chips. Envie /recipes/99: No such recipe com o status 404.

Experimente você mesmo

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

const app = express();

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

// type('text') envia texto simples, então cada título aparece em sua própria linha.
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');
});