Zastępowanie za pomocą PUT

Część sekcji API REST ścieżki Node.js w Coddy. Lekcja 5 z 25.

Formularz edycji odsyła całe zadanie, wszystkie pola naraz. PUT oznacza „zastąp zasób tym”, więc treść żądania musi być kompletna.

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

Żądanie PUT z brakującym polem powoduje odpowiedź 400: zastąpienie połowy faktury spowodowałoby utratę kwoty. Pola należące do serwera, takie jak id i czas utworzenia, pochodzą ze starej wersji, nigdy z treści żądania:

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

Wyzwanie

Łatwy

Formularz edycji wysyła całe zadanie naraz. Dodaj trasę PUT, która zastępuje zadanie danymi przesłanymi przez klienta.

W pliku routes/tasks.js dodaj PUT /api/tasks/:id. Jego treść musi zawierać oba pola, na przykład { "title": "Book the big room", "done": true }.
Zastąp title i done zadania wartościami z treści żądania. Zachowaj id i createdAt z zapisanego zadania; nigdy nie pobieraj ich z treści żądania. Odpowiedz kodem statusu 200 i całym zadaniem:
```
{ "id": 2, "title": "Book the big room", "done": true, "createdAt": "2026-03-03T10:30:00.000Z" }
```
Jeśli w treści żądania brakuje title lub done, odpowiedz kodem statusu 400 i { "error": "PUT needs every field: title and done" }, nie zmieniając niczego. Pole jest brakujące tylko wtedy, gdy w ogóle nie ma go w treści żądania: "done": false jest prawidłową wartością.
Jeśli nie ma zadania o tym id, odpowiedz kodem statusu 404 i { "error": "Task not found" }, tak jak w przypadku innych tras.

Wypróbuj: PUT /api/tasks/2 z { "title": "Book the big room", "done": true } zwraca kod 200 i zadanie pokazane powyżej. Następnie PUT /api/tasks/2 z samym { "done": true } zwraca kod 400, a GET /api/tasks/2 nadal pokazuje "Book the big room". PUT /api/tasks/99 z oboma polami zwraca kod 404.

Spróbuj swoich sił

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;