Progressive Web App تطبيقات الويب التقدمية
اختصاراً تعرف ب PWA حيث يمكنك من خلاله "تثبيت" تطبيق الويب على جهازك مباشرة من المتصفح. يتضمن ذلك الهاتف المحمول والأجهزة اللوحية وحتى جهاز الكمبيوتر الخاص بك. يتم تشغيله في متصفح الويب، لذا فهو يبدو كتطبيق بنسبة 100% ويعمل حتى في وضع عدم الاتصال. ويظهر أيضًا كرمز على شاشتك الرئيسية مثل أي تطبيق عادي. وكما هو الحال مع التطبيق الأصلي، يمكنك أيضًا الوصول إلى ميزات الجهاز في حالة وجود واجهات برمجة تطبيقات المتصفح ذات الصلة، بما في ذلك الكاميرا والبلوتوث وNFC والمزيد. يمكنك الحصول على كل هذا دون المرور عبر App Store أو Play Store!
مزايا PWA
توفر PWA العديد من المزايا:
- تم إنشاؤه باستخدام HTML وJS وCSS وتشغيله في متصفح الويب.
- يمكن فهرسة المحتوى بواسطة محركات البحث لأنه تطبيق ويب ويمكن الوصول إليه عبر عنوان URL للمتصفح. مما يعني دعم كامل لل SEO.
يمكن للجميع الوصول إلى التطبيقات بسهولة حيث - يمكن الوصول إليها وتثبيتها على الفور عبر المتصفح.
- مستقل عن قوانين App Store/ Play store.
- يمكن أن يعمل التطبيق عبر الإنترنت وفي وضع عدم الاتصال.
- يتم تخزين PWA مؤقتًا على الجهاز للتحميل السريع.
- يمكن تخزين البيانات محليًا باستخدام ذاكرة التخزين المؤقت أو IndexedDB.
- هناك مجموعة واسعة من ميزات الجهاز التي يمكن الوصول إليها من خلال واجهات برمجة تطبيقات المتصفح.
- التطبيقات من نوع PWAs صغيرة الحجم.
- يتم تقديم الصيانة والتحديثات عبر متصفح الويب، لذا ليست هناك حاجة لتحديث التطبيق يدويًا من خلال متجر التطبيقات.
- كود واحد يعمل على جميع الأنظمة الأساسية (الجوال وأجهزة الكمبيوتر المكتبية) من خلال المتصفح.
- يمكن استخدام الإشعارات الفورية على Android
عيوب و مساوئ PWA
نظرًا لأن تطبيقات PWA موجودة في المتصفح، هناك بعض العيوب التي يجب مراعاتها:
- قد لا يكون متوافقًا مع الأجهزة القديمة أو متصفحات الويب القديمة.
- لا تزال تطبيقات PWA تفتقر إلى المقارنة بالتطبيقات الأصلية عندما يتعلق الأمر بالوصول إلى ميزات الجهاز.
- ليست فعالة في استخدام البطارية أو في الأداء مثل التطبيقات الأصلية.
المفاهيم الأساسية لـ PWA
كما ذكرنا أعلاه، PWAs هي في الأساس تطبيقات ويب تعمل كتطبيق أصلي على جهازك. إذًا ما الذي يجب أن يمتلكه تطبيق الويب ليصبح PWA يمكن تثبيته على أي جهاز؟
3 متطلبات بسيطة
يجب أن يحتوي تطبيقك على:
- اتصال HTTPS
- ملف Manifest.json.
ملف JS لعامل الخدمة service worker
- عامل الخدمة Service Worker
ما يجعل PWA مميزًا هو قدرته على العمل دون اتصال بالإنترنت مثل أي تطبيق أصلي مثبت على جهازك. يعد عامل الخدمة أمرًا أساسيًا لأنه مسؤول عن التخزين المؤقت لجميع الملفات ودفع الإشعارات وتحديثات المحتوى والمزيد. إنه وكيل قابل للبرمجة من جانب العميل ويقع بين تطبيق الويب الخاص بك والشبكة. وله دورة حياة مستقلة عن تطبيق الويب، مما يعني أنه يمكنه تلقي إشعارات الدفع عند إغلاق التطبيق أو في الخلفية. في الوقت الحالي، من المهم فقط أن نفهم أن عامل الخدمة يكمن بين تطبيق الويب والشبكة ويعمل كوسيط.
ملف Manifest.json
يوفر المعلومات الضرورية للمتصفح لتشغيل تطبيق ال PWA.
حيث يوفر معلومات عن التطبيق والتي تشمل اسم التطبيق ووصفه وكذا بيانات شاشة splash التي تظهر عند فتح التطبيق وكيفية تخصيصها وكذا الالوان ووضع التشغيل ومسار البدء وغيرها من المعلومات.
الخلاصة
تطبيقات الويب التقدمية هي عبارة عن تقنية تعتمد على المتصفح تمكنك من استخدام تطبيقات الويب كتطبيقات جوال او برنامج سطح مكتب.
اي ان المستخدم سيتمكن من استخدام الموقع كأنه تطبيق جوال اصلي او برنامج تم تنصيبه على الكمبيوتر، حيث من الممكن تشغيل التطبيق دون اتصال، كما يتيح للتطبيق الوصول لموارد الجهاز مثل الكاميرا . و عمل اشعارات و معظم ميزات التطبيقات الاصلية.
كل هذا دون الحاجة الى بناء تطبيق جوال منفصل. بل ستقوم بعمل بعض الاعدادات التي تعتمد على web services، ويشترط توفر شهادة ssl للموقع.
تمتاز تطبيقات pwa بالسرعة، حيث أنه سيتم تحميل الموقع لمرة واحدة في أول مرة تزور الموقع كما يمكنك أن تظهر اشعار للمستخدم لكي يضيف الموقع الى شاشة الجوال واستخدامه كتطبيق او الى سطح المكتب في جهاز الكمبيوتر.
أمثلة تطبيقات مبنية pwa :
Google sports
Google weather
و تقريبا معظم خدمات جوجل يمكن استخدامها كتطبيقات pwa .
