Latihan 1: Relasi di API — API

Latihan 1 dari materi Relasi di API di API — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.

Lengkapi endpoint GET /posts/:id supaya mengembalikan post beserta penulisnya (embed). Array users (Budi, Ani) dan posts di kode awal sudah ada, biarkan.

Cari post-nya: const post = posts.find((p) => p.id === Number(req.params.id));.
Kalau gak ketemu, jawab res.status(404).json({ error: "Post not found" }).
Cari penulisnya di users lewat post.user_id: const author = users.find((u) => u.id === post.user_id);.
Jawab dengan penulis di dalam field author:

{"data": {"id": 1, "title": "Post Pertama", "body": "Isi post", "author": {"id": 1, "name": "Budi"}}}

Tester-nya mengecek GET /posts/1 menjawab 200 dan GET /posts/999 menjawab 404. Kodemu juga harus memuat users.find( (atau users.filter(), dan field author harus ada di dalam data: { ... }, bukan di sampingnya.

Hint

Ada dua pencarian: pertama post-nya berdasarkan id dari URL, lalu penulisnya berdasarkan user_id milik post itu. Post yang gak ada berhenti di 404.
Ubah id dari URL jadi angka dengan Number(req.params.id). Penulisnya: users.find((u) => u.id === post.user_id). Lalu bangun object data yang punya field author berisi id dan name.
const post = posts.find((p) => p.id === Number(req.params.id)); if (!post) return res.status(404).json({ error: "Post not found" }); const author = users.find((u) => u.id === post.user_id); res.json({ data: { id: post.id, title: post.title, body: post.body, author: { id: author.id, name: author.name } } });

</> { } .css => #id fn()

Versi baru

HyperSheets

bagian dari BelajarWeb.dev

Membuka gerbang…

Latihan 1: Relasi di API — API

Hint

Memperbarui Aplikasi