Reemplazar con PUT
Parte de la sección API REST del Journey de Node.js de Coddy. Lección 5 de 18.
Un formulario de edición envía de vuelta la tarea completa, todos los campos a la vez. PUT significa «reemplazar el recurso por esto», así que el cuerpo debe estar completo.
PATCH /api/invoices/7 { "paid": true } → paid changes
PUT /api/invoices/7 { "amount": 90, "paid": true } → a new invoice 7
PUT /api/invoices/7 { "paid": true } → 400: amount missingUn PUT con un campo faltante devuelve 400: reemplazar con una factura a medias haría que se perdiera el importe. Los campos que pertenecen al servidor, como el id y la fecha de creación, provienen de la versión anterior, nunca del cuerpo:
const { id, issuedAt } = invoices[index];
invoices[index] = { id, amount, paid, issuedAt };Desafío
FácilPUT /api/tasks/:idreemplazatitleydonepor los valores del cuerpo y responde con 200 y la tarea.idycreatedAtpermanecen como estaban.- Falta
titleodone: 400. Un id desconocido: 404.
Envía PUT /api/tasks/2 con { "title": "Book the big room", "done": true } y después con { "done": true }.
Pruébalo tú mismo
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;
Esta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.
Todas las lecciones de API REST
1Recursos y verbos
Recursos y URLCrear con POST