كيفية إنشاء واجهات برمجة التطبيقات الوهمية واستخدامها في تطبيقات React باستخدام Mirage.js

كيفية إنشاء واجهات برمجة التطبيقات الوهمية واستخدامها في تطبيقات React باستخدام Mirage.js
القراء مثلك يساعدون في دعم MUO. عند إجراء عملية شراء باستخدام الروابط الموجودة على موقعنا، قد نكسب عمولة تابعة. اقرأ أكثر.

عند تطوير تطبيقات كاملة المكدس، يعتمد جزء كبير من عمل الواجهة الأمامية على البيانات في الوقت الفعلي من الواجهة الخلفية.





كيفية فرض إنهاء البرنامج بدون مدير المهام
فيديو MUO لهذا اليوم قم بالتمرير للمتابعة مع المحتوى

قد يعني هذا أنه يجب عليك تأجيل تطوير واجهة المستخدم حتى تصبح واجهة برمجة التطبيقات (API) متاحة للاستخدام. ومع ذلك، فإن انتظار أن تصبح واجهة برمجة التطبيقات (API) جاهزة لإعداد الواجهة الأمامية يمكن أن يقلل الإنتاجية بشكل كبير ويطيل الجداول الزمنية للمشروع.





يتضمن الحل الرائع لهذا التحدي استخدام واجهات برمجة التطبيقات الوهمية. تسمح لك واجهات برمجة التطبيقات هذه بتطوير الواجهة الأمامية واختبارها باستخدام البيانات التي تحاكي بنية البيانات الحقيقية، كل ذلك دون الاعتماد على واجهة برمجة التطبيقات الفعلية.





الشروع في العمل مع Mirage.js Mock APIs

ميراج.js هي مكتبة جافا سكريبت تتيح لك إنشاء واجهات برمجة تطبيقات وهمية، مع خادم اختبار يعمل على جانب العميل لتطبيق الويب الخاص بك. هذا يعني أنه يمكنك اختبار كود الواجهة الأمامية الخاص بك دون الحاجة إلى القلق بشأن توفر أو سلوك واجهة برمجة التطبيقات الخلفية الحقيقية لديك.

 جهاز كمبيوتر محمول محفوظ على مكتب مع رمز مفتوح على الشاشة.

لاستخدام Mirage.js، تحتاج أولاً إلى إنشاء نقاط نهاية وهمية لواجهة برمجة التطبيقات (API) وتحديد الاستجابات التي يجب أن تعود بها. بعد ذلك، يعترض Mirage.js جميع طلبات HTTP التي يرسلها كود الواجهة الأمامية الخاص بك ويعيد الاستجابات الوهمية بدلاً من ذلك.



بمجرد أن تصبح واجهة برمجة التطبيقات الخاصة بك جاهزة، يمكنك التبديل بسهولة لاستخدامها عن طريق تغيير تكوين Mirage.js فقط.