Dalam panduan ini, kita akan melihat cara menginstal server JSON di komputer Windows Anda . Jadi, jika Anda seorang front-end developer atau sekadar calon yang ingin menjelajahi API dengan JSON sebagai sumber datanya, panduan ini cocok untuk Anda.
Apa itu server JSON?
JSON adalah singkatan dari JavaScript Object Notation , format pertukaran data yang ringan. JSON Server adalah alat mudah berdasarkan Node.js yang memungkinkan pengembang meniru RESTful API dengan menggunakan file JSON sebagai sumber data. Hal ini sangat berguna bagi pengembang front-end karena mereka dapat membuat API tiruan tanpa harus menulis kode sisi server yang rumit ketika API backend belum tersedia. Jadi, jika Anda menggunakan komputer klien, dan Anda tidak memiliki akses ke API backend atau database, server JSON adalah pilihan terbaik Anda.
Instal server JSON di komputer Windows
Untuk menginstal server JSON di komputer Windows, kita akan menggunakan Visual Studio Code IDE. Untuk melakukannya, ikuti langkah-langkah yang disebutkan di bawah ini.
Unduh dan instal Visual Studio CodeInstal JSON ServerBuat file JSON menggunakan Visual Studio CodeMulai JSON Server Anda Mari kita bahas lebih detail.
1] Unduh dan instal Visual Studio Code
Pertama-tama, kita perlu mengunduh Visual Studio Code dari code.visualstudio.com. Ini adalah IDE gratis dari Microsoft yang selanjutnya akan kita gunakan untuk membuat file JSON. Setelah Anda membuka link yang disebutkan sebelumnya, pastikan untuk mengklik ikon Windows karena tutorial ini ditujukan untuk Windows.
2] Instal JSON Server
Sekarang, kita perlu menginstal Server JSON di komputer Anda. Pertama, buka File Explorer dan navigasikan ke proyek Anda. Kemudian, klik kanan pada spasi dan pilih Terminal > Command Prompt. Terakhir, jalankan perintah berikut untuk menginstal server JSON.
npm install -g json-server Server JSON tidak diinstal secara global di komputer Anda. Jika Anda memerlukannya secara lokal, hanya untuk aplikasi tertentu, perintah yang disebutkan di bawah ini adalah yang perlu Anda gunakan.
npm i json-server Begitulah cara Anda menginstal server JSON di komputer Anda.
3] Buat file JSON menggunakan Visual Studio Code
Setelah menginstal JSON Server di komputer kita, kita dapat melanjutkan dan membuat file JSON yang berfungsi seperti database untuk proyek kita. Untuk melakukan hal yang sama, buka Visual Studio Code dari Start Menu. Setelah membuka VS Code, klik File > Folder, lalu navigasikan ke lokasi proyek Anda (menggunakan perintah cd).
Setelah membuka folder, klik ikon File Baru, dan masukkan .json. Kami akan memberi Anda contoh kode yang dapat Anda tempel di sana.
Kami akan mengembangkan contoh API yang akan mengirimkan permintaan ke titik akhir. API ini akan merespons permintaan HTTP, menjadikannya pilihan tepat bagi pengembang front-end yang perlu mengembangkan proyek mereka dengan cepat. Server JSON akan digunakan untuk membuat API ini, memungkinkan pengembang untuk melakukan operasi buat, baca, perbarui, dan hapus (CRUD) dan simpan data dalam format JSON. Data JSON disusun dengan pasangan nilai kunci dan ditulis dalam format berikut:
{ “name”: “Gregg”, “emp-ID”: 101, “gender”: “Pria”, “team”: “Database” } Di sini, “name”, “emp-ID”, “gender” dan “team” adalah Properti, dan “Gregg”, “101”, “Male”, dan “Database” adalah Nilai yang terkait dengan properti tersebut.
Mendefinisikan data dalam file JSON. Ini bisa berupa array objek atau objek dengan objek bersarang. Setiap objek harus memiliki ID unik.
4] Mulai JSON Server Anda
Karena kita telah membuat file JSON, mari kita boot servernya. Untuk melakukan hal yang sama, buka Command Prompt, navigasikan ke lokasi proyek Anda menggunakan perintah cd, dan jalankan perintah berikut.
json-server –watch db.json Anda akan diminta untuk mengizinkan Node.JS Javascript Runtime untuk diakses oleh jaringan Pribadi dan Publik, klik Izinkan. Perintah akan dijalankan dan memberikan output. Anda perlu URL yang disebutkan di bawah Indeks dan menempelkannya ke browser untuk membuka server JSON.
Server JSON akan dimulai, dan Anda akan dapat melihat nilai yang telah Anda masukkan. Properti akan ditampilkan di layar, dan ketika Anda mengklik salah satunya, Anda akan melihat nilai terkait.
Itu dia!
Baca: Cara membuka file JSON dalam format yang dapat dibaca
Bagaimana cara menginstal server JSON di Windows?
Untuk menginstal server JSON di komputer Windows Anda, Anda perlu menjalankan perintah – npm install -g json-server. Ini akan menginstal server secara global, untuk menginstalnya secara lokal, atur direktori kerja Anda ke tempat proyek Anda berada dan kemudian jalankan npm i json-server.
Baca: Bagaimana cara menambah atau mengubah Time Server di Windows
Bagaimana cara menjalankan JSON di Windows?
Kita dapat menjalankan file JSON dari Command Prompt. Jadi, buka File Explorer, navigasikan ke direktori tempat file JSON Anda berada, klik kanan, dan pilih Terminal. Lalu, jalankan json-server –watch db.json.
Baca Juga:
Itulah konten tentang Cara menginstal server JSON di komputer Windows, semoga bermanfaat.