Dummy API dengan JSON-Server

Pada pelajaran sebelumnya kita sudah mempelajari tentang apa itu API, nah sekarang kita akan coba implementasikan untuk membuat API tiruan sederhana menggunakan JSON-Serve. Jadi dengan bantuan JSON-Serve kita dapat membuat dummy Rest API tanpa coding sekalipun. Metode ini sangat cocok untuk orang yang ingin mempelajari Frondend namun belum mempelajari backend.

Tanpa berlama-lama langsung saja kita praktikan agar lebih mengena.

Instalasi JSON-SERVER

• Pertama kalian harus install JSON serve menggunakan node js dengan perintah:

npm install -g json-server

untuk keterangan lebih lanjut anda bisa kunjungi link berikut https://github.com/typicode/json-server

• Setelah terinstall maka kita sudah bisa menggunakannya, namun kita harus siapkan data json untuk menyimpan data. Seperti contoh saya akan membuat data users, simpan data json tersebut ke dalam file users.json (untuk nama file babas yaps)

Dari terminal, jalankan server json dengan users.users.json sebagai sumber data dan Anda harus menjalankan REST API di http://localhost:3000.

untuk menjalankan server anda bisa menggunakan command

json-server --watch users.json

Testing Endpoint REST API

Request GET

Mari kita mulai dengan membuat permintaan GET ke URL REST. Di dalam file json, kita tetapkan sebuah endpoint users yang berisi informasi yang berhubungan dengan pengguna. Ketika membuat permintaan GET ke URL http://localhost:3000/users, harus menampilkan data yang ada.

Get Darms’s stories in your inbox

Join Medium for free to get updates from this writer.

Remember me for faster sign in

output :

Request POST for Create

Untuk menambahkan data baru ke data yang sudah ada, kita akan membuat permintaan POST ke URL http://localhost:3000/users. Permintaan POST akan terlihat seperti ini:

Jika kita melakukan request get kembali maka akan muncul data baru seperti dibawah :

Request Delete

Untuk menghapus entri dari data json-server, Kita perlu mengirim permintaan DELETE ke endpoint API dengan Id pengguna. Misalnya, untuk menghapus pengguna dengan Id 1, Anda harus mengirim permintaan DELETE ke endpoint http://localhost:3000/users/1.

jika berhasil dan untuk membuktikan user dengan id 1 telah terhapus cobalah melakukan request get kembali, seharusnya user dengan id 1 telah terhapus.

Request Patch / untuk melakukan edit

Untuk memperbarui entri yang sudah ada, Anda perlu mengirim permintaan PATCH dengan mengirimkan data. Sebagai contoh, dalam rangka untuk memperbarui rincian bagi pengguna dengan Id 3, kita akan mengirim permintaan PATCH ke URL http://localhost:3000/users/3 seperti yang ditunjukkan:

Kesimpulan

Dengan menggunakan Dummy API kita dapat membuat server palsu untuk kebutuhan Frondend, ini sangat membantu untuk melakukan testing sebelum API dibuat secara real. Dan ini juga cocok bagi kalian yang ingin mempelajari Frondend namun belum mempelajari backend.