Menu
CoddyTech

Substituindo com PUT

Parte da seção APIs REST do Journey de Node.js da Coddy. Lição 5 de 25.

Um formulário de edição envia de volta a tarefa inteira, com todos os campos de uma só vez. PUT significa "substitua o recurso por isto", então o corpo precisa estar completo.

PATCH /api/invoices/7  { "paid": true }               → paid changes
PUT   /api/invoices/7  { "amount": 90, "paid": true } → invoice 7 replaced
PUT   /api/invoices/7  { "paid": true }               → 400: amount missing

Um PUT com um campo ausente resulta em 400: substituir por uma fatura pela metade faria o valor ser perdido. Campos que pertencem ao servidor, como o id e o horário de criação, vêm da versão antiga, nunca do corpo:

const { id, issuedAt } = invoices[index];
invoices[index] = { id, amount, paid, issuedAt };
challenge icon

Desafio

Fácil

Um formulário de edição envia a tarefa inteira de uma só vez. Adicione uma rota PUT que substitua uma tarefa pelo que o cliente enviar.

  1. Em routes/tasks.js, adicione PUT /api/tasks/:id. O corpo deve conter os dois campos, por exemplo { "title": "Book the big room", "done": true }.
  2. Substitua o title e o done da tarefa pelos valores do corpo. Mantenha o id e o createdAt da tarefa armazenada; nunca os obtenha do corpo. Responda com o status 200 e a tarefa inteira:
    { "id": 2, "title": "Book the big room", "done": true, "createdAt": "2026-03-03T10:30:00.000Z" }
  3. Se o corpo não tiver title ou done, responda com o status 400 e { "error": "PUT needs every field: title and done" }, sem alterar nada. Um campo só está ausente quando não está no corpo de forma alguma: "done": false é um valor válido.
  4. Se nenhuma tarefa tiver esse id, responda com o status 404 e { "error": "Task not found" }, como nas outras rotas.

Experimente: PUT /api/tasks/2 com { "title": "Book the big room", "done": true } retorna 200 e a tarefa acima. Em seguida, PUT /api/tasks/2 com apenas { "done": true } retorna 400, e GET /api/tasks/2 ainda mostra "Book the big room". PUT /api/tasks/99 com os dois campos retorna 404.

Experimente você mesmo

import { Router } from 'express';
import { nextId, tasks } from '../store.js';

const router = Router();

router.get('/', (req, res) => {
    res.json(tasks);
});

router.get('/:id', (req, res) => {
    const task = tasks.find((t) => t.id === Number(req.params.id));
    if (!task) {
        return res.status(404).json({ error: 'Task not found' });
    }
    res.json(task);
});

router.post('/', (req, res) => {
    const { title } = req.body ?? {};
    if (!title) {
        return res.status(400).json({ error: 'title is required' });
    }
    const task = { id: nextId(), title, done: false, createdAt: new Date().toISOString() };
    tasks.push(task);
    res.status(201).location(`/api/tasks/${task.id}`).json(task);
});

router.patch('/:id', (req, res) => {
    const task = tasks.find((t) => t.id === Number(req.params.id));
    if (!task) {
        return res.status(404).json({ error: 'Task not found' });
    }
    const { title, done } = req.body ?? {};
    if (title !== undefined) task.title = title;
    if (done !== undefined) task.done = done;
    res.json(task);
});

router.delete('/:id', (req, res) => {
    const index = tasks.findIndex((t) => t.id === Number(req.params.id));
    if (index === -1) {
        return res.status(404).json({ error: 'Task not found' });
    }
    tasks.splice(index, 1);
    res.status(204).end();
});

export default router;
quiz iconTeste seus conhecimentos

Esta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.

Todas as lições de APIs REST

Pratique por conta própria: Playground de Express