Di pelajaran sebelumnya, kita sudah berhasil membuat dua endpoint untuk API data siswa kita. Sekarang, saatnya kita menjadi “pengguna” dari API tersebut dan mengujinya menggunakan Postman. Pelajaran ini akan menunjukkan alur kerja yang akan sering kamu lakukan sebagai backend developer
Pastikan server dari pelajaran sebelumnya (node index.js
) sudah dan sedang berjalan di terminalmu!
Bagian 1: Menguji Endpoint GET /students
Mari kita mulai dengan meminta daftar semua siswa yang ada di server.
- Buka Postman: Jalankan aplikasi Postman.
- Buat Request Baru: Klik ikon
+
untuk membuka tab baru. - Atur Metode dan URL:
- Pastikan metode yang terpilih adalah
GET
. - Di kolom URL, ketik:
http://localhost:3000/students
- Pastikan metode yang terpilih adalah
- Kirim Permintaan: Klik tombol Send yang besar dan berwarna biru.
Membaca Respons dari Server
Setelah kamu klik Send, perhatikan panel di bagian bawah jendela Postman. Di sinilah “jawaban” dari server ditampilkan.
- Body: Ini adalah bagian utama dari respons. Kamu akan melihat data array siswa dalam format JSON, persis seperti yang kita definisikan di kode.
[
{
"id": 1,
"nama": "Andi"
},
{
"id": 2,
"nama": "Citra"
}
]
- Status: Di sebelah kanan, kamu akan melihat status
200 OK
. Kode200
adalah standar HTTP yang berarti “Permintaan berhasil”. Ini adalah tanda pertama bahwa API kita bekerja dengan benar.
Bagian 2: Menguji Endpoint POST /students
Sekarang, ayo kita coba tambahkan data siswa baru ke server.
- Buat Request Baru: Buka lagi tab baru dengan menekan ikon
+
. - Atur Metode dan URL:
- Ubah metode menjadi
POST
. - Gunakan URL yang sama:
http://localhost:3000/students
- Ubah metode menjadi
- Isi Body Request: Karena kita ingin mengirim data baru, kita harus mengisinya di bagian Body.
- Klik tab Body.
- Pilih opsi raw.
- Di menu dropdown yang muncul di sebelah kanan, ubah
Text
menjadiJSON
. - Di area teks, ketikkan data siswa baru dalam format JSON:
-
{ "id": 3, "nama": "Budi" }
- Kirim Permintaan: Klik tombol Send.
Melihat Hasilnya
Di panel respons, kamu akan melihat pesan teks: Siswa baru berhasil ditambahkan!
. Statusnya kemungkinan besar akan 200 OK
atau 201 Created
, keduanya menandakan kesuksesan.
Bagian 3: Verifikasi: Apakah Data Benar-Benar Bertambah?
Bagaimana kita tahu kalau Budi benar-benar sudah ditambahkan ke dalam daftar di server? Kita bisa memastikannya dengan meminta kembali seluruh daftar siswa.
- Kembali ke Tab
GET
: Buka kembali tab requestGET /students
yang pertama kali kita buat. - Kirim Ulang Permintaan: Jangan ubah apa pun, langsung klik tombol Send lagi.
Sekarang, lihatlah bagian Body dari respons. Ajaib! Kamu akan melihat bahwa daftar siswa kini telah bertambah.
Ini membuktikan bahwa permintaan POST
kita berhasil diterima dan diproses oleh server, yang kemudian mengubah data array students
di dalam memori.
[
{
"id": 1,
"nama": "Andi"
},
{
"id": 2,
"nama": "Citra"
},
{
"id": 3,
"nama": "Budi"
}
]
Selamat! Kamu sekarang sudah paham alur kerja dasar seorang backend developer: membuat endpoint dan mengujinya untuk memastikan semuanya berfungsi sesuai harapan.