Cadenas de consulta
Parte de la sección Conceptos básicos de Express del Journey de Node.js de Coddy. Lección 5 de 20.
Una página de listas suele necesitar opciones, como qué recetas mostrar, y crear una ruta nueva para cada opción sería demasiado.
app.get('/books', (req, res) => {
const { author } = req.query;
res.send(author ? 'Books by ' + author : 'All books');
});La cadena de consulta es la parte de la URL que aparece después de ?, y Express la coloca en req.query. GET /books?author=Austen devuelve req.query.author === 'Austen'. Si no hay ningún ?, su valor es undefined. Se pueden combinar varias opciones con &: /books?author=Austen&year=1813.
Un parámetro de ruta forma parte del camino y nombra una cosa. Una opción de consulta filtra u ordena una lista, y se puede omitir.
Desafío
FácilGET /recipes?tag=veganmuestra solo los títulos de las recetas con esa etiqueta, uno por línea.- Sin
tag, muestra todos los títulos.
Envía GET /recipes?tag=vegan, GET /recipes?tag=dessert y GET /recipes.
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('/recipes/:id', (req, res) => {
const recipe = recipes.find((r) => r.id === Number(req.params.id));
if (!recipe) {
res.status(404).send('No such recipe');
return;
}
res.send(recipe.title);
});
app.get('/about', (req, res) => {
res.send('Recipe Box collects family recipes.');
});
app.listen(3000, () => {
console.log('Recipe Box is running on port 3000');
});