141- دروس جافا سكربت – JSON Server

## مقدمة إلى JSON Server في JavaScript

JSON Server هو أداة مفيدة بشكل كبير للمطورين الذين يحتاجون إلى إنشاء API زائف بسرعة وسهولة لأغراض الاختبار أو التطوير. يتيح لك JSON Server إنشاء RESTful API من ملف JSON ثابت، مما يوفر الوقت والجهد في إعداد خادم حقيقي أو قاعدة بيانات.

## ما هو JSON Server؟

JSON Server هو مكتبة مكتوبة بلغة JavaScript تُستخدم لإنشاء API زائف (Fake API) يعمل على بروتوكول HTTP، ويتيح لك التعامل مع البيانات كما لو كنت تتعامل مع خادم حقيقي. يتم استخدامه غالبًا في تطوير الواجهات الأمامية عندما تحتاج إلى اختبار واجهة المستخدم مع البيانات دون الحاجة إلى إعداد خادم حقيقي أو قاعدة بيانات.

## إعداد JSON Server

### تثبيت JSON Server

يمكنك تثبيت JSON Server بسهولة باستخدام npm، وهو مدير الحزم الخاص بـ Node.js. لتنصيبه، قم بتشغيل الأمر التالي في سطر [شركة برمجة مصرية] الأوامر:

“`bash
npm install -g json-server
“`

### [شركة برمجة مصرية] إنشاء ملف JSON

الخطوة الأولى لاستخدام JSON Server هي إنشاء ملف JSON يحتوي على البيانات التي تريد أن يخدمها الخادم. على سبيل المثال، يمكنك إنشاء ملف باسم `db.json` يحتوي على البيانات التالية:

on
{
  "posts": [
    { "id": 1, "title": "مرحبا بالعالم", "author": "محمد" },
    { "id": 2, "title": "JSON Server رائع", "author": "علي" }
  ],
  "comments": [
    { "id": 1, "body": "مقال رائع!", "postId": 1 },
    { "id": 2, "body": "أحب هذا الموضوع", "postId": 2 }
  ],
  "profile": { "name": "أحمد" }
}

### تشغيل JSON Server

لتشغيل JSON Server واستخدام الملف الذي أنشأته، قم بتنفيذ الأمر التالي:

“`bash
json-server –watch db.json
“`

هذا الأمر سيقوم بتشغيل خادم ويب محلي على المنفذ الافتراضي 3000. يمكنك الآن الوصول إلى البيانات عبر HTTP.

## الوصول إلى البيانات باستخدام JSON Server

بمجرد تشغيل JSON Server، يمكنك التفاعل مع API باستخدام عناوين URL مختلفة. إليك بعض الأمثلة:

### الحصول على جميع المنشورات

“`http
GET /posts
“`

### الحصول على منشور محدد

“`http
GET /posts/1
“`

### إضافة منشور جديد

لإضافة منشور جديد، يمكنك استخدام الطلب التالي:

“`http
POST /posts
Content-Type: application/json

{
“title”: “مقال جديد”,
“author”: “سارة”
}
“`

### تحديث منشور موجود

لتحديث منشور موجود، استخدم الطلب التالي:

“`http
PUT /posts/1
Content-Type: application/json

{
“title”: “مرحبا بالعالم (معدل)”,
“author”: “محمد”
}
“`

### حذف منشور

لحذف منشور، استخدم الطلب التالي:

“`http
DELETE /posts/1
“`

## الخاتمة

JSON Server هو أداة قوية وسهلة الاستخدام تسمح للمطورين بإنشاء API زائف بسرعة لاختبار وتطوير التطبيقات. بفضل بساطته ومرونته، يمكنك توفير الكثير من الوقت والجهد عند تطوير الواجهات الأمامية، خاصة في مراحل التطوير الأولية. باستخدام JSON Server، يمكنك التركيز على تطوير ميزات التطبيق دون القلق بشأن إعداد خادم حقيقي أو قاعدة بيانات.