Dalam panduan ini, kita akan melihatnya 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 berdiri untuk Notasi Objek JavaScript , 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 Kode Visual Studio
- Instal Server JSON
- Buat file JSON menggunakan Visual Studio Code
- Mulai Server JSON Anda
Mari kita membicarakannya secara detail.
1] Unduh dan instal Kode Visual Studio
Pertama-tama, kita perlu mengunduh Visual Studio Code dari kode.visualstudio.com . Ini adalah IDE gratis dari Microsoft yang selanjutnya akan kita gunakan untuk membuat file JSON. Setelah Anda membuka tautan yang disebutkan sebelumnya, pastikan untuk mengkliknya jendela ikon karena tutorial ini untuk Windows.
2] Instal Server JSON
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 > Prompt Perintah. 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 Kode Visual Studio dari Menu Mulai. Setelah membuka VS Code, klik File > Map, lalu navigasikan ke lokasi proyek Anda (menggunakan perintah cd).
maaf kami mengalami masalah saat mencoba menginstal kunci produk
Setelah membuka folder tersebut, klik pada File baru ikon, dan masukkan
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": "Male",
"team": "Database"
}Di sini, “nama”, “ID-emp”, “gender” dan “tim” adalah Properti, dan “Gregg”, “101”, “Pria”, dan “Database” adalah Nilai-nilai terkait dengan properti tersebut.
Tentukan data dalam file JSON. Ini bisa berupa array objek atau objek dengan objek bersarang. Setiap objek harus memiliki ID unik.
4] Mulai Server JSON 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 Waktu Proses Javascript Node.JS untuk diakses oleh jaringan Pribadi dan Publik, klik Mengizinkan . 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 Anda masukkan. Properti akan ditampilkan di layar, dan ketika Anda mengklik salah satunya, Anda akan melihat nilai terkait.
Itu dia!
Membaca: 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 dan json-server.
Membaca: 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 lari json-server –tonton db.json.
Baca juga: Cara mengatur Server FTP di Windows .
