Menu
CoddyTech

Sostituire con PUT

Fa parte della sezione API REST del percorso Node.js di Coddy. Lezione 5 di 25.

Un modulo di modifica invia l'intera attività, tutti i campi insieme. PUT significa «sostituisci la risorsa con questa», quindi il corpo deve essere 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

Una richiesta PUT con un campo mancante restituisce 400: sostituire una fattura con una versione incompleta farebbe perdere l'importo. I campi gestiti dal server, come id e l'ora di creazione, provengono dalla vecchia versione, mai dal corpo:

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

Sfida

Facile

Un modulo di modifica invia l'intera attività in una sola volta. Aggiungi una route PUT che sostituisca un'attività con i dati inviati dal client.

  1. In routes/tasks.js, aggiungi PUT /api/tasks/:id. Il corpo deve contenere entrambi i campi, ad esempio { "title": "Book the big room", "done": true }.
  2. Sostituisci title e done dell'attività con i valori del corpo. Mantieni id e createdAt dell'attività memorizzata: non prenderli mai dal corpo. Rispondi con lo stato 200 e l'intera attività:
    { "id": 2, "title": "Book the big room", "done": true, "createdAt": "2026-03-03T10:30:00.000Z" }
  3. Se nel corpo manca title o done, rispondi con lo stato 400 e { "error": "PUT needs every field: title and done" }, senza modificare nulla. Un campo è mancante solo se non è presente nel corpo: "done": false è un valore valido.
  4. Se nessuna attività ha quell'id, rispondi con lo stato 404 e { "error": "Task not found" }, come nelle altre route.

Prova: PUT /api/tasks/2 con { "title": "Book the big room", "done": true } restituisce 200 e l'attività riportata sopra. Poi PUT /api/tasks/2 con solo { "done": true } restituisce 400, e GET /api/tasks/2 mostra ancora "Book the big room". PUT /api/tasks/99 con entrambi i campi restituisce 404.

Provalo tu

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 iconMettiti alla prova

Questa lezione include un breve quiz. Inizia la lezione per rispondere e tenere traccia dei tuoi progressi.

Tutte le lezioni di API REST

Esercitati da solo: Playground Express