Menu
CoddyTech

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.

challenge icon

Desafío

Fácil
  • GET /recipes?tag=vegan muestra 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');
});

Todas las lecciones de Conceptos básicos de Express