Strings de consulta
Parte da seção Fundamentos de Express do Journey de Node.js da Coddy. Lição 5 de 20.
Uma página de lista geralmente precisa de opções, como quais receitas mostrar, e criar uma nova rota para cada opção seria demais.
app.get('/books', (req, res) => {
const { author } = req.query;
res.send(author ? 'Books by ' + author : 'All books');
});A string de consulta é a parte da URL depois de ?, e o Express a coloca em req.query. GET /books?author=Austen resulta em req.query.author === 'Austen'. Sem ?, o valor é undefined. Várias opções são unidas com &: /books?author=Austen&year=1813.
Um parâmetro de rota faz parte do caminho e nomeia uma coisa. Uma opção de consulta filtra ou ordena uma lista e pode ser omitida.
Desafio
FácilGET /recipes?tag=veganlista apenas os títulos das receitas com essa tag, um por linha.- Sem
tag, lista todos os títulos.
Envie GET /recipes?tag=vegan, GET /recipes?tag=dessert e GET /recipes.
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('/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');
});