تطبيق الويب PWA على الآيفون: وش يشتغل فعلاً ووش ما يشتغل قبل ما تعتمد عليه

تسمع إن PWA «تطبيق بدون متجر» وتقول: ممتاز، أوفّر تكلفة التطبيق. وبعدين تجربه على الآيفون فتلقى إن نصف الوعود فيها شروط. هذا المقال مو ضد PWA — هو دليل واقعي عشان تعرف بالضبط وش تقدر تعتمد عليه عند مستخدمي الآيفون، اللي هم شريحة مهمة في السوق السعودي والخليجي.

وش اللي يخلّي الموقع PWA أصلاً

• ملف Web App Manifest: يحدد اسم التطبيق، والأيقونات، ولون الشريط، وإنه يفتح بملء الشاشة بدون شريط المتصفح.
• Service Worker: سكربت يشتغل في الخلفية، يخزّن الملفات للعمل بدون إنترنت، ويستقبل الإشعارات.
• HTTPS إلزامي.
• تصميم متجاوب يحس فيه المستخدم إنه تطبيق مو صفحة مصغّرة.

على الآيفون: اللي يشتغل

• الإضافة للشاشة الرئيسية من Safari عبر زر المشاركة ثم «إضافة إلى الشاشة الرئيسية» — وتفتح بعدها كتطبيق مستقل بملء الشاشة.
• الإشعارات (Web Push): مدعومة منذ iOS 16.4، لكن بشرط إن المستخدم أضاف التطبيق للشاشة الرئيسية أولاً، وطلب الإذن يكون بعد تفاعل منه مثل الضغط على زر.
• العمل بدون إنترنت للصفحات والملفات المخزنة عبر Service Worker.
• الكاميرا والموقع الجغرافي بإذن المستخدم، مثل أي موقع.
• شارة رقمية على الأيقونة (Badge) في الإصدارات الحديثة.

على الآيفون: الحدود اللي لازم تعرفها

• ما فيه نافذة «ثبّت التطبيق» تلقائية مثل أندرويد. المستخدم لازم يعرف الخطوات بنفسه، فتحتاج تشرحها له بشاشة إرشادية داخل موقعك.
• ما فيه ظهور في App Store، يعني تخسر قناة اكتشاف وثقة عند شريحة من الناس.
• مساحة التخزين المحلي محدودة، والنظام قد يمسح البيانات المخزنة لموقع ما استُخدم لفترة. لا تخزّن شيئاً ما له نسخة على الخادم.
• مزامنة الخلفية والمهام المجدولة في الخلفية محدودة جداً مقارنة بالتطبيقات الأصلية.
• ما فيه وصول لبعض ميزات الجهاز مثل البلوتوث و NFC بالطريقة المتاحة للتطبيقات.
• سياسات آبل تجاه PWA تغيّرت أكثر من مرة وتختلف أحياناً حسب المنطقة، فراجع الوضع الحالي قبل ما تبني قراراً كبيراً عليها.

على أندرويد: الصورة أفضل بكثير

كروم يعرض خيار التثبيت، والإشعارات تشتغل بدون شرط الإضافة، وتقدر حتى تنشر PWA على Google Play عبر تقنية Trusted Web Activity. فلو جمهورك أغلبه أندرويد، PWA خيار قوي جداً. ولو أغلبه آيفون، لازم تصمم التجربة وأنت عارف القيود.

متى PWA قرار ذكي

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

قائمة تجهيز PWA صحيحة

• أيقونات بكل المقاسات المطلوبة، ومنها أيقونة apple-touch-icon للآيفون.
• صفحة «غير متصل» مصممة بدل رسالة خطأ المتصفح.
• استراتيجية تخزين واضحة: ماذا يُخزّن، ومتى يُحدَّث، حتى ما يعلق المستخدم على نسخة قديمة.
• شاشة إرشاد للإضافة للشاشة الرئيسية تظهر لمستخدمي Safari فقط وفي الوقت المناسب.
• طلب إذن الإشعارات بعد تفاعل واضح، مو أول ما يفتح.
• اختبار فعلي على آيفون حقيقي، مو فقط على محاكي كروم في الكمبيوتر.

فخ النسخة القديمة: التحديثات في PWA

من أكثر المشاكل إزعاجاً بعد الإطلاق: تنشر تعديلاً مهماً، والمستخدمون اللي أضافوا التطبيق للشاشة الرئيسية ما زالوا يشوفون النسخة القديمة، لأن Service Worker خزّنها بقوة. الحل يُصمم من البداية: ملفات بأسماء تتغير مع كل إصدار، وفحص دوري لوجود نسخة جديدة، وشريط لطيف يقول «فيه تحديث جديد — اضغط للتحديث» بدل ما تُفرض إعادة التحميل وسط عملية شراء. والبيانات المتغيرة مثل الأسعار والمواعيد تُجلب من الشبكة أولاً وتُستخدم النسخة المخزنة فقط لو انقطع الاتصال، بينما الملفات الثابتة مثل الخطوط والأيقونات تُخدم من التخزين أولاً. هذا التوازن هو اللي يفرق بين PWA سريعة وموثوقة، وأخرى تعرض سعراً انتهى من أسبوع.

PWA أداة ممتازة لما تُستخدم في مكانها، ومحبطة لما تُباع كبديل كامل للتطبيق عند جمهور آيفون. في منصة أزهل الرقمية نبني الاثنين: مواقع و PWA، وتطبيقات Flutter للآيفون والأندرويد، فنقترح الأنسب لجمهورك بدون مصلحة في الأغلى. أرسل فكرتك على واتساب.