Stringhe di query

Fa parte della sezione Fondamenti di Express del percorso Node.js di Coddy. Lezione 5 di 23.

Una pagina con un elenco spesso ha bisogno di opzioni, ad esempio quali ricette mostrare, e creare un nuovo percorso per ogni opzione sarebbe eccessivo.

app.get('/books', (req, res) => {
    const { author } = req.query;
    res.send(author ? 'Books by ' + author : 'All books');
});

La stringa di query è la parte dell’URL dopo ? e Express la inserisce in req.query, un oggetto. const { author } = req.query è una forma abbreviata di const author = req.query.author. GET /books?author=Austen restituisce req.query.author === 'Austen'. Se non c’è ?, il valore è undefined. Più opzioni si uniscono con &: /books?author=Austen&year=1813.

Un parametro di percorso è parte del percorso e identifica un elemento. Un’opzione di query filtra o ordina un elenco e può essere omessa.

Sfida

Facile

I visitatori vogliono vedere solo ricette vegane, oppure solo piatti per cena, senza una nuova pagina per ogni tag.

In server.js, modifica la route /recipes. Leggi l’opzione tag dalla stringa di query. Ogni ricetta in data.js ha un elenco di tags, come ['vegan', 'soup'].
Quando viene specificato un tag, invia solo i titoli delle ricette che lo includono in tags, un titolo per riga, come fa ora la route.
Quando non viene specificato alcun tag, invia tutti i titoli, come prima.
Quando nessuna ricetta ha quel tag, invia una risposta vuota con stato 200.

Prova: premi «Run» e invia /recipes?tag=vegan. Dovresti vedere due righe: Tomato Soup e Lentil Curry. Invia /recipes?tag=dinner: Lentil Curry e Fish & Chips. Invia /recipes?tag=dessert: una risposta vuota, perché nessuna ricetta ha quel tag. Invia /recipes: tutti e quattro i titoli.

Provalo tu

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

const app = express();

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

// type('text') invia testo semplice, quindi ogni titolo appare su una riga a sé.
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');
});