بعد أن يثبّت المستخدم تطبيق الويب التقدّمي (PWA)، سيحدث ما يلي:
- الحصول على رمز في مشغّل التطبيقات أو الشاشة الرئيسية أو قائمة "ابدأ" (Start) أو لوحة التشغيل
- تظهر كنتيجة عندما يبحث المستخدم عن التطبيق على جهازه.
- أن يكون له نافذة منفصلة داخل نظام التشغيل
- الحصول على دعم لإمكانيات معيّنة
معايير التثبيت
يتضمّن كل متصفّح معيارًا يحدّد ما إذا كان الموقع الإلكتروني أو تطبيق الويب تطبيق ويب تقدّمي، ويمكن تثبيته للحصول على تجربة مستقلة. يتم ضبط البيانات الوصفية لتطبيق الويب التقدّمي (PWA) من خلال ملف مستند إلى JSON يُعرَف باسم بيان تطبيق الويب، وسنتناوله بالتفصيل في الوحدة التالية.
وكحدّ أدنى مطلوب لقابلية التثبيت، تستخدم معظم المتصفّحات المتوافقة معه ملف بيان تطبيق الويب وسمات معيّنة، مثل اسم التطبيق وإعدادات التجربة المثبَّتة. ويُستثنى من ذلك المتصفح Safari لنظام التشغيل macOS الذي لا يتوافق مع إمكانية التثبيت.
تختلف متطلبات السماح بالتثبيت بين المتصفِّحات المختلفة، وتوضّح هذه المقالة بالتفصيل معايير متصفِّح Google Chrome وتتضمّن روابط إلى متطلبات المتصفِّحات الأخرى.
بما أنّ اختبار توافق تطبيق الويب التقدّمي (PWA) مع متطلبات قابلية التثبيت قد يستغرق عدة ثوانٍ، قد لا تتوفّر إمكانية التثبيت نفسها عند تلقّي استجابة عناوين URL.
تركيب أجهزة الكمبيوتر المكتبي
يتيح Google Chrome وMicrosoft Edge حاليًا تثبيت تطبيق الويب التقدّمي (PWA) على أجهزة Linux وWindows وmacOS وأجهزة Chromebook. ستعرض هذه المتصفّحات شارة تثبيت (رمز) في شريط عناوين URL (اطّلِع على الصورة أدناه)، للإشارة إلى أنّ الموقع الإلكتروني الحالي قابل للتثبيت.
عندما يتفاعل أحد المستخدمين مع أحد المواقع الإلكترونية، قد تظهر له نافذة منبثقة، كتلك المعروضة أدناه، تدعو المستخدمين لتثبيته كتطبيق.
تتضمن القائمة المنسدلة للمتصفح أيضًا زر "تثبيت
يتوافق مع أنظمة تشغيل أجهزة سطح المكتب فقط أوضاع العرض المستقلة لواجهة المستخدم البسيطة.
تطبيقات الويب التقدّمية (PWA) المثبَّتة على أجهزة الكمبيوتر المكتبي:
- أن يحتوي على رمز في قائمة "ابدأ" (Start) أو شاشة "البدء" على أجهزة الكمبيوتر التي تعمل بنظام التشغيل Windows أو في شريط الإرساء أو على سطح المكتب في واجهات المستخدم الرسومية في Linux، أو في لوحة تشغيل نظام التشغيل macOS، أو مشغّل التطبيقات في جهاز Chromebook.
- أن يظهر رمز ضمن مبدِّلات التطبيقات وقواعد إرساء التطبيقات عندما يكون التطبيق نشطًا أو تم استخدامه مؤخرًا أو تم فتحه في الخلفية
- تظهر في بحث التطبيقات، مثلاً للبحث على نظام التشغيل Windows أو Spotlight على نظام التشغيل macOS.
- يمكنهم ضبط رقم شارة على رموزهم للإشارة إلى الإشعارات الجديدة. ويتم ذلك باستخدام Badging API.
- يمكن ضبط قائمة سياقية للرمز باستخدام اختصارات التطبيقات.
- لا يمكن التثبيت مرتين باستخدام المتصفح نفسه.
بعد تثبيت تطبيق على الكمبيوتر المكتبي، يمكن للمستخدمين الانتقال إلى about:apps والنقر بزر الماوس الأيمن على تطبيق الويب التقدّمي (PWA)، ثم اختيار "تشغيل التطبيق عند تسجيل الدخول". إذا كانوا يريدون فتح تطبيقك تلقائيًا عند بدء التشغيل.
تثبيت نظامَي التشغيل iOS وiPadOS
لا يتوفّر طلب في المتصفِّح لتثبيت تطبيق الويب التقدّمي (PWA) على نظامَي التشغيل iOS وiPadOS. وعلى هذه الأنظمة الأساسية، تُعرف تطبيقات الويب التقدّمية (PWA) أيضًا باسم تطبيقات الويب على الشاشة الرئيسية. يجب إضافة هذه التطبيقات يدويًا إلى الشاشة الرئيسية من خلال قائمة لا تتوفر إلا في Safari. ننصحك بإضافة العلامة apple-touch-icon إلى صفحة HTML.
لتحديد الرمز، ضمِّن المسار إلى الرمز في قسم <head> في HTML، كما يلي:
<link rel="apple-touch-icon" href="/icons/ios.png">
وسيستخدم متصفّح Safari هذه المعلومات لإنشاء الاختصار، وإذا لم تقدِّم رمزًا محدَّدًا لأجهزة Apple، سيكون الرمز الظاهر على الشاشة الرئيسية لقطة شاشة لتطبيق الويب التقدّمي (PWA) عندما يثبِّته المستخدم.
من المهم أن تفهم أنّ تثبيت تطبيق الويب التقدّمي (PWA) لا يتوفّر إلا إذا تصفَّح المستخدم موقعك الإلكتروني من متصفّح Safari. ولا يمكن للمتصفّحات الأخرى المتوفّرة في App Store، مثل Google Chrome أو Firefox أو Opera أو Microsoft Edge، تثبيت تطبيق ويب تقدّمي (PWA) على الشاشة الرئيسية.
في ما يلي خطوات إضافة تطبيقات إلى الشاشة الرئيسية:
- افتح قائمة "Share" (مشاركة) المتاحة في الجزء السفلي أو العلوي من المتصفح.
- انقر على إضافة إلى الشاشة الرئيسية.
- تأكيد اسم التطبيق أن يكون الاسم قابلاً للتعديل بواسطة المستخدم.
- انقر على إضافة. على نظامَي التشغيل iOS وiPad، تظهر الإشارات المرجعية للمواقع الإلكترونية وتطبيقات الويب التقدّمية (PWA) بالطريقة نفسها على الشاشة الرئيسية.
على نظامي التشغيل iOS وiPadOS، يتوفر وضع العرض المستقل فقط. وبالتالي، إذا كنت تستخدم وضع واجهة المستخدم الأدنى، سيتم الرجوع إلى اختصار المتصفّح؛ إذا استخدمت وضع ملء الشاشة، فسيعود إلى الوضع المستقل.
تطبيقات الويب التقدّمية (PWA) المثبَّتة على نظامَي التشغيل iOS وiPadOS:
- تظهر هذه التطبيقات في الشاشة الرئيسية وبحث "تسليط الضوء" و"اقتراحات Siri" و"البحث في مكتبة التطبيقات".
- لا تظهر في مجلدات الفئات في معرض التطبيقات.
- لا تتوفّر ميزات مثل عرض الشارات واختصارات التطبيقات.
بالصدفة، يستخدم Safari تكنولوجيا أصلية تُعرف باسم مقاطع الويب لإنشاء رموز تطبيقات الويب التقدّمية (PWA) في نظام التشغيل. هي مجرد ملفات XML بتنسيق قائمة خصائص Apple المخزن في نظام الملفات.
تثبيت Android
تختلف طلبات تثبيت تطبيق الويب التقدّمي على أجهزة Android حسب الجهاز والمتصفّح. يمكن أن يرى المستخدمون ما يلي:
- الاختلافات في صياغة عنصر القائمة للتثبيت، مثل تثبيت أو إضافة إلى الشاشة الرئيسية
- مربعات حوار التثبيت التفصيلية.
في الصورة التالية، يمكنك مشاهدة نسختين مختلفتين من مربع حوار التثبيت، وشريط معلومات صغير بسيط (يسار) ومربع حوار تثبيت مفصل (يمين).
استنادًا إلى الجهاز والمتصفح، سيتم تثبيت تطبيق الويب التقدّمي (PWA) كـ WebAPK أو اختصار أو تطبيق QuickApp.
WebAPKs
WebAPK هو حزمة Android (APK) أنشأها موفّر موثوق به لجهاز المستخدم، يكون عادةً في السحابة الإلكترونية، على خادم إدارة WebAPK. يتم استخدام هذه الطريقة بواسطة Google Chrome على الأجهزة التي تم تثبيت خدمات Google للأجهزة الجوّالة (GMS) عليها ومتصفح الإنترنت Samsung، ولكن على أجهزة Samsung المصنَّعة فقط، مثل هاتف Galaxy أو جهاز Galaxy اللوحي. ويمثل ذلك معًا معظم مستخدمي Android.
عندما يثبّت المستخدم تطبيق ويب تقدّمي (PWA) من Google Chrome ويتم استخدام WebAPK، "ينفّذ" خادم التنفيذ (الحزم) وتوقيع حزمة APK لتطبيق الويب التقدّمي (PWA). تستغرق هذه العملية بعض الوقت، ولكن عندما تكون حزمة APK جاهزة، يثبّت المتصفّح هذا التطبيق بدون تنبيه صوتي على جهاز المستخدم. وبما أنّ مقدّمي الخدمات الموثوق بهم ("خدمات Play" أو Samsung) قد وقّعوا حِزمة APK، يثبّتها الهاتف بدون إيقاف الأمان، كما هو الحال مع أيّ تطبيق صادر من المتجر. وليست هناك حاجة إلى تثبيت التطبيق من مصدر غير معروف.
تطبيقات الويب التقدّمية (PWA) المثبَّتة عبر WebAPK:
- امتلاك رمز في مشغّل التطبيقات والشاشة الرئيسية
- تظهر في "الإعدادات" و"التطبيقات".
- ويمكن أن يتضمن العديد من الإمكانات، مثل وضع الشارات واختصارات التطبيقات والتقاط الروابط في نظام التشغيل.
- يمكن تعديل الرمز والبيانات الوصفية للتطبيق.
- يتعذّر التثبيت مرتين.
الاختصارات
توفّر حِزم WebAPK أفضل تجربة لمستخدمي Android، إلا أنّه لا يمكن إنشاؤها دائمًا. وعندما يتعذّر ذلك، تعود المتصفّحات لإنشاء اختصار لموقع إلكتروني. بما أنّ خوادم Firefox وMicrosoft Edge وOpera وBrave وSamsung Internet (على أجهزة غير تابعة لشركة Samsung) لا تتوفّر لها خوادم يثق بها، سيتم إنشاء اختصارات لها. سيعمل Google Chrome أيضًا في حال عدم توفُّر خدمة التنقيب عن البيانات أو عدم استيفاء تطبيق الويب التقدّمي (PWA) لمتطلبات التثبيت.
تطبيقات الويب التقدّمية (PWA) المثبَّتة باستخدام الاختصارات:
- الحصول على رمز يحمل شارة المتصفح على الشاشة الرئيسية (اطّلِع على الأمثلة التالية).
- إذا لم يظهر رمز في "مشغّل التطبيقات" أو في الإعدادات أو التطبيقات
- لا يمكن استخدام أي إمكانات تتطلب تثبيت.
- لا يمكن تعديل رموزه وبياناته الوصفية.
- يمكن تثبيتها عدة مرات، حتى باستخدام المتصفح نفسه. وعندما يحدث ذلك، ستشير جميعها إلى المثيل ذاته وتستخدم نفس مساحة التخزين.
QuickApps
توفّر بعض الشركات المصنِّعة، بما في ذلك Huawei وZTE، منصة تُعرف باسم QuickApps لإنشاء تطبيقات ويب خفيفة تشبه تطبيقات الويب التقدّمية (PWA) ولكن باستخدام حزمة تكنولوجيا مختلفة. يمكن لبعض المتصفّحات على هذه الأجهزة، مثل متصفّح Huawei، تثبيت تطبيقات ويب تقدّمية (PWA) يتم تضمينها كـ QuickApp، حتى إذا كنت لا تستخدم حزمة QuickApp.
عند تثبيت تطبيق الويب التقدّمي (PWA) باعتباره أحد تطبيقات QuickApp، سيحصل المستخدمون على تجربة مماثلة لتلك التي سيحصلون عليها من خلال الاختصارات، ولكن مع رمز يحمل شارة QuickApps (صورة البرق). سيكون التطبيق متاحًا أيضًا لتشغيله من QuickApp Center.
طلب التثبيت
في المتصفّحات المستندة إلى Chromium على أجهزة الكمبيوتر المكتبي وأجهزة Android، من الممكن تفعيل مربّع حوار تثبيت المتصفّح من تطبيق الويب التقدّمي (PWA). سيتناول فصل طلب التثبيت الأنماط لإجراء ذلك وكيفية تنفيذها.
كتالوجات التطبيقات والمتاجر
يمكن أيضًا إدراج تطبيق الويب التقدّمي (PWA) في كتالوجات التطبيقات والمتاجر لزيادة مدى الوصول إليه والسماح للمستخدمين بالعثور عليه في المكان نفسه الذي يعثرون فيه على تطبيقات أخرى. تتوافق معظم كتالوجات التطبيقات ومتاجرها مع تقنيات تتيح لك نشر حزمة لا تتضمّن تطبيق الويب بالكامل (مثل ملفات HTML ومواد العرض). تتيح لك هذه التقنيات إنشاء مشغّل فقط لمحرك عرض ويب مستقل يقوم بتحميل التطبيق والسماح لعامل الخدمة بتخزين الأصول الضرورية مؤقتًا.
في ما يلي كتالوجات التطبيقات والمتاجر التي تتيح نشر تطبيق ويب تقدّمي (PWA):
- متجر Google Play لأجهزة Android وChromeOS، باستخدام نشاط موثوق به على الويب
- Apple App Store لأجهزة iOS وmacOS وiPadOS، باستخدام WKWebView وApp-Bound Domains
- Microsoft Store لنظام التشغيل Windows 10 وWindows 11 باستخدام حزم APPX.
- Samsung Galaxy Store، باستخدام خادم إعداد Samsung WebAPK.
- Huawei AppGallery، باستخدام حاوية QuickApp لتطبيق HTML.
لمعرفة المزيد من المعلومات حول كيفية نشر تطبيق ويب تقدّمي (PWA) في كتالوجات التطبيقات والمتاجر، يمكنك الاطّلاع على BubbleWrap CLI وأداة إنشاء PWA.
الموارد
- متطلبات تثبيت المحتوى
- ملفات WebAPK على أجهزة Android
- أنماط للترويج لتثبيت تطبيق الويب التقدّمي (PWA)
- استخدام تطبيق ويب تقدّمي (PWA) في تطبيق Android
- إدراج تطبيق الويب التقدّمي الخاص بك في Google Play
- إرسال تطبيق الويب التقدّمي (PWA) إلى Microsoft Store
- نشر تطبيق ويب تقدّمي (PWA) في App Store
- WebKit: النطاقات المرتبطة بالتطبيقات