Строки запроса

Часть раздела Основы Express путешествия по Node.js на Coddy. Урок 5 из 23.

Для страницы со списком часто нужны параметры, например выбор рецептов для отображения, а создавать отдельный маршрут для каждого параметра было бы слишком накладно.

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

Строка запроса — это часть URL после ?, а Express помещает её в объект req.query. const { author } = req.query — это краткая запись для const author = req.query.author. Запрос GET /books?author=Austen задаёт значение req.query.author === 'Austen'. Если ? отсутствует, значение — undefined. Несколько параметров соединяются с помощью &: /books?author=Austen&year=1813.

Параметр маршрута — это часть пути, которая задаёт один объект. Параметр запроса фильтрует или сортирует список, и его можно не указывать.

Задание

Легко

Посетители хотят видеть только веганские рецепты или только рецепты для ужина, без создания отдельной страницы для каждого тега.

В server.js измените маршрут /recipes. Считайте параметр tag из строки запроса. У каждого рецепта в data.js есть список tags, например ['vegan', 'soup'].
Если указан тег, отправьте только названия рецептов, в tags которых он есть, по одному названию в строке, как маршрут делает сейчас.
Если тег не указан, отправьте все названия, как и раньше.
Если ни у одного рецепта нет этого тега, отправьте пустой ответ со статусом 200.

Попробуйте: Нажмите «Играть» и отправьте /recipes?tag=vegan. Вы должны увидеть две строки: Tomato Soup и Lentil Curry. Отправьте /recipes?tag=dinner: Lentil Curry и Fish & Chips. Отправьте /recipes?tag=dessert: пустой ответ, поскольку ни у одного рецепта нет этого тега. Отправьте /recipes: все четыре названия.

Попробуйте сами

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

const app = express();

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

// type('text') отправляет обычный текст, поэтому каждое название отображается на отдельной строке.
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');
});