عادةً ما يواجه مطورو الواجهة الأمامية هذه المشكلة. تم تصميم واجهة برمجة التطبيقات، لكنها لم تُنفذ بعد. أحتاج إلى إنشاء بعض البيانات الوهمية لواجهة المستخدم الخاصة بي، مما يعني أنه يجب علي إعداد خادم وهمي وإضافة بعض أمثلة الاستجابة. إذا لم تكن هناك أمثلة استجابة في توثيق واجهة برمجة التطبيقات، يجب أن أبتكر بعض بيانات الاستجابة بنفسي.
في كل مرة أفعل فيها ذلك، أعتقد أنه ليس ما ينبغي على مطور الواجهة الأمامية القيام به.
يجب أن تكون هناك طريقة أفضل لتحقيق ذلك.
لقد جربت العديد من الأدوات. استخدمت Postman كخادم وهمي، لكن يجب إضافة جميع بيانات الاستجابة يدويًا. جربت Faker.js، ولكن يجب علي كتابة كود وهمي لكل حقل.
في توقعاتي، يجب أن يقوم خادم وهمي ممتاز بتوليد البيانات بنفسه. يجب على المطورين التركيز على الأمور الأساسية الحقيقية.
خبر رائع: الآن، يمكنك تزييف واجهة برمجة التطبيقات في دقيقة واحدة فقط. ولا تحتاج إلى كتابة أي سكربتات.
لماذا التزييف
يعتبر التزييف خيارًا جيدًا إذا كنت في أحد المناسبات التالية.
- تم تصميم واجهة برمجة التطبيقات ولكن لم يتم تطويرها. يحدث هذا عادةً في الفرق الرشيقة.
- واجهات برمجة التطبيقات المقيدة أو المدفوعة. على سبيل المثال، واجهات برمجة تطبيقات البنوك. لا يمكنك الحصول على بيانات حقيقية قبل الانتهاء من التطوير. لذا تحتاج إلى بيانات وهمية.
- بيئة غير متصلة بالإنترنت أو إنترنت محلي. البيانات الوهمية تتيح لك العمل على جهاز محلي.
دعنا نزيّفها
هناك خطوتان لتزييف واجهة برمجة التطبيقات.
- استيراد تعريفات واجهة برمجة التطبيقات.
- الحصول على عنوان URL الوهمي.
سهل جدًا. دعنا نزيّفها!
الخطوة 1 - استيراد تعريفات واجهة برمجة التطبيقات
توثيق واجهة برمجة التطبيقات ضروري. OpenAPI (Swagger) هو الأفضل، وأي صيغة أخرى جيدة أيضًا.
افترض أنك لديك ملف YAML أو JSON. سنستورده إلى هذه الأداة: Apidog. إذا لم يكن لديك واجهة برمجة تطبيقات بعد، يمكنك أيضًا إنشاؤها في Apidog.
1.قم بإنشاء مشروع جديد في Apidog.

2.اذهب إلى "الإعدادات" - "استيراد"، واسحب ملف واجهة برمجة التطبيقات الخاصة بك بداخله.

أكثر من عشرة تنسيقات من توثيق واجهة برمجة التطبيقات مدعومة. انقر على "التالي" وسيتم استيراد واجهة برمجة التطبيقات الخاصة بك.
الآن ستشاهد واجهات برمجة التطبيقات في Apidog.

الخطوة 2 - الحصول على عنوان URL الوهمي
1.انقر على واجهة برمجة التطبيقات في Apidog. سترى صفحة تعريف واجهة برمجة التطبيقات، والتي تحتوي على قسم يسمى "تزييف".
2.انقر على عنوان URL في جزء "تزييف محلي" الذي يبدأ بـ "127.0.0.1" لنسخه.

3.الصقه في متصفحك.
حسنًا، انتهى الأمر! سترى JSON وهمي!

حقل "المدينة" مملوء باسم المدينة، وحقل "id" مملوء برقم صحيح، و"createdAt" مملوء بتاريخ ووقت.
الآن يمكنك استخدام بيانات واجهة برمجة التطبيقات في تطبيقك.
ولا تحتاج إلى كتابة أي سكربتات! يتم توليد البيانات في جميع الحقول تلقائيًا.
علاوة على ذلك، إذا نقرت على "إعادة تحميل" في المتصفح، ستتجدد البيانات!

مذهل.
كيف يعمل
عندما وجدت هذه الميزة لأول مرة، كنت متفاجئًا جدًا. لماذا يمكن لـ Apidog توليد هذا؟ لم أقم بتعيين أي شيء!
فيما بعد، اكتشفت هذا.

يوجد مجموعة من قواعد التزييف المدمجة في Apidog، كما هو موضح أعلاه. إذا كان اسم حقل الاستجابة الخاص بك يتطابق مع أحدها، فسيتم تزييف بيانات الحقل تلقائيًا.
ويبدأ Apidog خادمًا وهميًا على جهازك المحلي تلقائيًا. لذا لا تحتاج إلى القيام بأي شيء في طبقة الخادم.
ماذا لو كنت لا تعجبك البيانات التي يتم تزييفها تلقائيًا؟ الأمر سهل أيضًا.
يمكنك ملء قيمة الحقل الوهمي مباشرة باستخدام Faker.js مثل هذا.

يتم دعم جميع قواعد Faker.js حتى تتمكن من اختيارها بسهولة.
وإذا كان لبعض الحقول قيمة ثابتة، يمكنك أيضًا ملء "تزييف" بالقيمة المحددة.

حسنًا، انتهى كل شيء.
آمل أن تزيّف بسعادة مع Apidog.
إنه حقًا أداة جيدة. وقد وجدت أنه ليس فقط جيدًا للتزييف ولكن لكل شيء في تطوير واجهة برمجة التطبيقات.