تطبيقات الويب التقدمية (PWA)
بعض روابط هذه الصفحة هي روابط تسويق بالعمولة: قد نحصل على عمولة دون أي تكلفة إضافية عليك. منهجيتنا
يجمع تطبيق الويب التقدمي أفضل ما في العالمين: انتشار الويب وسلاسة التطبيق. فهو يغني عن المتاجر ويخفض التكلفة وينشر باستمرار. وفي المقابل، يبقى تطبيق ويب ولا يستغل كل الإمكانات المادية للهاتف. ## عندما تكفي PWA تناسب جداً وسائل الإعلام والمتاجر الإلكترونية والكتالوجات ومساحات العملاء والخدمات الداخلية التي تُزار بانتظام. وتُعد إمكانية تشغيلها دون اتصال ميزة حقيقية في المناطق ذات الشبكة غير المنتظمة. ## عندما يبقى التطبيق الأصلي ضرورياً بالنسبة إلى الألعاب، وتطبيقات التوصيل بتحديد المواقع في الخلفية، والمنتجات التي تعتمد على الكاميرا أو Bluetooth، والخدمات التي يُعد حضورها في المتاجر حجة على الثقة، يبقى التطبيق الأصلي هو الخيار الصحيح. ## التحدي الحقيقي: التثبيت إن تُنسَ الPWA فهي مجرد موقع ويب عادي. وتُقاس النجاح بنسبة الزوار الذين يثبتونها وبمعدل بقائهم. ويجب التحري في لحظة اقتراح التثبيت، وفي أداء الزيارة الأولى، وفي القيمة المقدَّمة من أول فتح.متى يفيدك هذا الدليل
- تريد تجربة على الهاتف قريبة من التطبيق دون تكلفة تطويرين أصليين
- يعود مستخدموك بانتظام لكنهم لا يتحملون أوقات التحميل أو المناطق ضعيفة الشبكة
- تريد تفادي عمولات متاجر التطبيقات ومدد الموافقة
- لديك بالفعل موقع إلكتروني وتريد تطويره إلى نسخة قابلة للتثبيت
- تخدم مناطق غير مستقرة الاتصال ويُفيد فيها الوصول دون اتصال
خطوة بخطوة
- التحقق من الجدوى الفعلية — تحليل الاستخدامات المتوقعة: التصفح دون اتصال، والإشعارات، والتثبيت من المتصفح. وإذا كانت الحاجة الأساسية هي الاكتشاف في المتاجر، فلن يكفي تطبيق PWA.
- التحويل إلى تطبيق ويب تقدمي — جعل الموقع متجاوباً وسريعاً وقابلاً للاستخدام دون اتصال بواسطة service worker يخزّن الموارد والمسارات الأساسية مؤقتاً.
- التثبيت والإشعارات — إضافة ملف manifest (الاسم، الأيقونات، اللون، وضع ملء الشاشة)، ومحفّز التثبيت، وإشعارات push حيثما كانت مدعومة (شاملة جداً على Android، وأكثر تحديداً على iOS).
- الاختبار على أجهزة حقيقية — اختبار التثبيت، ووضع عدم الاتصال، وتحديث البيانات المخزنة مؤقتاً، والأداء على هواتف من الفئة الاقتصادية.
- متابعة الاعتماد — قياس عمليات التثبيت، والجلسات في الوضع المستقل، والولاء. التطبيق المثبَّت يغيّر السلوك: لذا يجب تشجيع المستخدمين على تثبيته في الوقت المناسب.
كم يكلف (بالدرهم)
| الخدمة | السعر التقريبي | من المفيد معرفته |
|---|---|---|
| تحويل موقع قائم إلى PWA | 25 000 – 50 000 درهم (≈ 2 300 – 4 600 €) | ملف الmanifest وservice worker والتخزين المؤقت والتحسينات |
| تطبيق PWA مصمم من الصفر | 50 000 – 120 000 درهم (≈ 4 600 – 11 000 €) | تصميم mobile-first والأداء وإشعارات push |
| إشعارات push | 5 000 – 20 000 درهم (≈ 450 – 1 800 €) | تكامل OneSignal أو Firebase مع إدارة الموافقة |
| تدقيق الأداء وسهولة الوصول | 8 000 – 20 000 درهم (≈ 730 – 1 800 €) | درجة Lighthouse وأوقات التحميل وسهولة الوصول |
| الصيانة السنوية | 10 000 – 30 000 درهم سنوياً (≈ 900 – 2 800 €) | تحديثات المتصفح والأمان والتطويرات |
نطاقات تقريبية للسوق المغربي سنة 2026، دون احتساب الضرائب. تختلف الأسعار حسب نطاق العمل ومقدم الخدمة.
أخطاء يجب تجنبها
- الوعد بتجربة مطابقة لتطبيق أصلي في وظائف العتاد
- عدم التخطيط للتخزين المؤقت للبيانات الديناميكية: فيعرض التطبيق معلومات قديمة دون اتصال
- نسيان أن إشعارات push على iOS تتطلب تثبيت تطبيق PWA على الشاشة الرئيسية
- الإطلاق دون قياس الاعتماد: فـ PWA لا تفيد إلا إذا ثبّتها الزوار
- إهمال الأداء: فالزيارة الأولى البطيئة تُثبط التثبيت
الأسئلة الشائعة
ما الفرق بين PWA وموقع ويب محمول؟
الموقع المحمول يُفتح في المتصفح عند كل زيارة. أما PWA فيُثبَّت من المتصفح، ويُفتح بملء الشاشة كتطبيق، ويعمل جزئياً دون اتصال، ويمكنه تلقي الإشعارات.
هل تظهر PWA في App Store أو Google Play؟
لا، فهي تُثبَّت من المتصفح. وقد سمح Google Play مؤخراً بنشر تطبيقات PWA عبر تغليف، لكن ذلك يبقى هامشياً؛ ولم تسمح به Apple.
في أي استخدامات تكون PWA خياراً سيئاً؟
في الألعاب، والتطبيقات التي تستغل الكاميرا أو Bluetooth أو القياسات الحيوية بكثافة، والخدمات التي تستمد مصداقيتها من حضورها في المتاجر. فالوصول إلى وظائف العتاد يبقى أكثر تحديداً مما هو في التطبيقات الأصلية.
كم من الوقت يلزم لتحويل موقع إلى PWA؟
من أسبوعين إلى ستة أسابيع لموقع قائم جيد البنية وأداؤه مقبول. أما إذا كان الموقع بحاجة إلى إعادة بناء أو تحسين، فالورشة تلتحق بورشة إنشاء موقع محمول.
هل تحسّن PWA ظهور الموقع في محركات البحث؟
نعم بشكل غير مباشر: فالسرعة وسهولة الوصول على الهاتف وتجربة المستخدم، وهي معايير للظهور في محركات البحث، في صميم عمل PWA. لكن PWA في حد ذاتها لا تضيف إشارة خاصة.
آخر تحديث في
أدلة ذات صلة
النسخة الفرنسية: /services/applications-mobiles/pwa/ · EN · NL