JSON Server

JSON Server یک ابزار قدرتمند در جاوااسکریپت است که به شما امکان می‌دهد یک REST API کامل از یک فایل JSON بسازید.
این ابزار برای تست و توسعه سریع برنامه‌ها بدون نیاز به دیتابیس واقعی بسیار کاربرد دارد.

🔹 1. نصب JSON Server

ابتدا Node.js باید نصب باشد. سپس با npm می‌توان JSON Server را نصب کرد:

npm install -g json-server

📌 گزینه -g باعث نصب سراسری (global) می‌شود و در همه پروژه‌ها قابل استفاده است.

🔹 2. ساخت فایل JSON نمونه

یک فایل با نام db.json بسازید:

{ "users": [ { "id": 1, "name": "Ali", "age": 25 }, { "id": 2, "name": "Sara", "age": 28 }, { "id": 3, "name": "Reza", "age": 30 } ] }

📌 این فایل منبع داده‌های API ما خواهد بود.

🔹 3. راه‌اندازی JSON Server

json-server --watch db.json
  • --watch → تغییرات در فایل JSON به صورت خودکار اعمال می‌شود

  • به طور پیش‌فرض سرور روی http://localhost:3000 اجرا می‌شود

📌 حالا می‌توانید به داده‌ها به صورت REST API دسترسی داشته باشید:

  • GET → http://localhost:3000/users

  • GET یک کاربر → http://localhost:3000/users/1

  • POST, PUT, PATCH, DELETE نیز پشتیبانی می‌شوند

🔹 4. استفاده با Fetch API

fetch("http://localhost:3000/users") .then(response => response.json()) .then(data => console.log(data)) .catch(error => console.error("Error:", error));

📌 تمام داده‌های JSON Server به صورت JSON واقعی دریافت می‌شوند و می‌توان با آن‌ها کار کرد.

🔹 5. افزودن رکورد جدید

fetch("http://localhost:3000/users", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ name: "Neda", age: 22 }) }) .then(response => response.json()) .then(data => console.log(data));

📌 رکورد جدید به فایل db.json اضافه شده و در API قابل مشاهده است.

🔹 6. نکات مهم

  • JSON Server سرور واقعی نیست و برای تست و توسعه مناسب است

  • می‌تواند به سرعت mock API بسازد

  • تمام عملیات CRUD را روی فایل JSON انجام می‌دهد

  • مناسب برای تمرین AJAX، Fetch API و Frontend Development

✅ خلاصه

  • JSON Server → ایجاد REST API سریع از فایل JSON

  • پشتیبانی از GET, POST, PUT, PATCH, DELETE

  • مناسب برای توسعه سریع و تست برنامه‌ها

  • ترکیب عالی با AJAX و Fetch API

  • نصب: npm install -g json-server و راه‌اندازی: json-server --watch db.json