Menu
CoddyTech

Pembaruan Parsial dengan PATCH

Termasuk bagian REST API dalam perjalanan Node.js di Coddy. Pelajaran 3 dari 18.

Menandai tugas sebagai selesai tidak berarti mengirim judulnya lagi. PATCH hanya membawa field yang berubah, dan server mempertahankan semua field lainnya seperti semula.

// PATCH /api/invoices/7   { "paid": true }
const { paid, amount } = req.body ?? {};
if (paid !== undefined) invoice.paid = paid;
if (amount !== undefined) invoice.amount = amount;
res.json(invoice);

Uji setiap field dengan undefined, bukan dengan if (paid): false adalah nilai yang dapat dikirim client. Salin field satu per satu alih-alih menyebarkan req.body ke object, sehingga client tidak dapat mengubah id. Permintaan tanpa body membuat req.body bernilai undefined, dan itulah yang ditangani oleh ?? {}. Responsnya adalah 200 dengan seluruh invoice yang sudah diperbarui.

challenge icon

Tantangan

Mudah
  • PATCH /api/tasks/:id hanya mengubah kolom yang dikirim oleh body, title atau done.
  • Responsnya adalah 200 dengan seluruh task.
  • Id yang tidak dikenal menghasilkan respons 404 dengan { "error": "Task not found" }.

Kirim PATCH /api/tasks/2 dengan { "done": true }, lalu GET /api/tasks/2, kemudian PATCH yang sama ke /api/tasks/99.

Coba sendiri

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);
});

export default router;
quiz iconUji dirimu

Pelajaran ini berisi kuis singkat. Mulai pelajarannya untuk menjawab kuis dan melacak progresmu.

Semua pelajaran di REST API

Latihan sendiri: Playground Express