هل أبني تطبيقات الويب ذات الصفحة الواحدة SPA أو تطبيقات الويب متعددة الصفحات MPA؟
هذي السلسلة ستشرح لك عن هذين النوعين من تطبيقات الويب والفروقات بينهما وما يُميّز ويُعيب كل منهما.
1 https://t.co/bIur315ytD
أولا ما الفرق
تطبيق الويب ذو الصفحة الواحدة يحتوي كما هو الاسم على صفحة واحدة يُعيد تكوينها حسب اختيار المستخدم. يقوم بعمل ذلك بجافاسكريبت.
بينما التطبيق متعدد الصفحات يُحمّل صفحة بالكامل مع كل طلب مهما كان الطلب صغيرا.
2
كيف يعمل التطبيق ذو الصفحة الواحدة؟
1- عندما يفتح المستخدم التطبيق يقوم المتصفح بتنزيل كل الملفات المطلوبة من HTML وCSS وجافا سكريبت.
2- بعدها يستخدم التطبيق طريقة طلبات غير متزامنة Async للتحدث مع الخادم لتحميل البيانات حسب الحاجة. تستخدم عادة Json كصيغة لهذه البيانات.
3
من أمثلة التطبيقات ذوي الصفحة الواحدة:
- جي ميل GMail
- فيسبوك Facebook
- تريلو Trello
الملحوظ فيها أن عنوان الصفحة في المتصفح لا يتغير أثناء التصفح.
4
من مزايا تطبيق الصفحة الواحدة:
- الأداء وتجربة العميل ممتازة لأن التطبيق لا يحمل الصفحة كل مرة فيشعر المستخدم بردة الفعل السريعة من التطبيق مع كل تفاعل
- الفصل بين خلفية التطبيق ومقدمته تجعل من السهولة العمل على الأثنين في نفس الوقت ويجعل إمكانية نقل التطبيق إلى منصة أخرى سهل
5
