بعد تثبيت المستخدم لتطبيق الويب التقدّمي (PWA)، سيحدث ما يلي:
- إدراج أيقونة في مشغِّل التطبيقات أو الشاشة الرئيسية أو قائمة البدء أو لوحة الإطلاق
- تظهر كنتيجة عندما يبحث المستخدم عن التطبيق على جهازه.
- نافذة منفصلة ضمن نظام التشغيل.
- الحصول على دعم بشأن إمكانات معيّنة
معايير التثبيت
يتضمّن كل متصفّح معيارًا يحدّد ما إذا كان الموقع الإلكتروني أو تطبيق الويب عبارة عن "تطبيق ويب تقدّمي" ويمكن تثبيته للحصول على تجربة مستقلة. يتم ضبط البيانات الوصفية لتطبيق الويب التقدّمي (PWA) من خلال ملف مستند إلى JSON يُعرف باسم بيان تطبيق الويب، والذي سنتناوله بالتفصيل في الوحدة التالية.
وكالحد الأدنى لمتطلبات التثبيت، تستخدم معظم المتصفحات المتوافقة معه ملف بيان تطبيق الويب وخصائص معيّنة، مثل اسم التطبيق وإعدادات التجربة المثبّتة. ويُستثنى من ذلك متصفّح Safari لنظام التشغيل macOS الذي لا يتيح إمكانية التثبيت.
تختلف متطلبات السماح بالتثبيت من بين المتصفحات المختلفة. توضّح هذه المقالة معايير Google Chrome وتتضمّن روابط تؤدي إلى متطلبات المتصفّحات الأخرى.
بما أنّ اختبار استيفاء تطبيق الويب التقدّمي (PWA) لمتطلبات التثبيت يمكن أن يستغرق عدة ثوانٍ، قد لا تتوفّر قابلية التثبيت نفسها بعد تلقّي استجابة من عناوين URL.
التثبيت على أجهزة الكمبيوتر المكتبي
يتوفّر حاليًا تثبيت تطبيق الويب التقدّمي (PWA) لأجهزة الكمبيوتر المكتبي من خلال متصفّح Google Chrome وMicrosoft Edge على أنظمة التشغيل Linux وWindows وmacOS وأجهزة Chromebook. ستعرض هذه المتصفحات شارة (رمز) للتثبيت في شريط عنوان URL (انظر الصورة أدناه)، تفيد بأنّ الموقع الإلكتروني الحالي قابل للتثبيت.
عندما يتفاعل مستخدم مع موقع إلكتروني، قد تظهر له نافذة منبثقة، مثل تلك الواردة أدناه، وتدعو المستخدمين لتثبيته كتطبيق.
تتضمّن القائمة المنسدلة للمتصفّح أيضًا عنصر "تثبيت
تتوافق أوضاع العرض المستقلة والبسيطة فقط على أنظمة تشغيل أجهزة الكمبيوتر المكتبي.
تطبيقات الويب التقدّمية (PWA) المثبَّتة على أجهزة الكمبيوتر المكتبي:
- يمكنك إضافة رمز في قائمة "ابدأ" أو شاشة البدء على أجهزة الكمبيوتر التي تعمل بنظام التشغيل Windows أو في قاعدة الإرساء أو سطح المكتب في واجهات المستخدم التصويرية لنظام التشغيل Linux أو في لوحة تشغيل نظام التشغيل macOS أو في مشغّل تطبيقات Chromebook.
- تضمين رمز في مبدِّلات التطبيقات وقواعد إرساء التطبيقات عندما يكون التطبيق نشطًا أو كان مستخدَمًا مؤخرًا أو مفتوحًا في الخلفية
- يمكنك الظهور في بحث التطبيقات، على سبيل المثال، البحث على نظام التشغيل Windows أو Spotlight على نظام التشغيل macOS.
- يمكنهم ضبط رقم شارة على رموزهم للإشارة إلى الإشعارات الجديدة. ويتم ذلك باستخدام واجهة برمجة تطبيقات الشارات.
- يمكن ضبط قائمة سياقية للرمز باستخدام اختصارات التطبيقات.
- لا يمكن تثبيته مرّتين باستخدام المتصفّح نفسه.
بعد تثبيت تطبيق على الكمبيوتر المكتبي، يمكن للمستخدمين الانتقال إلى about:apps والنقر بزر الماوس الأيمن على تطبيق الويب التقدّمي (PWA) واختيار "بدء التطبيق عند تسجيل الدخول" إذا كانوا يريدون فتح التطبيق تلقائيًا عند بدء التشغيل.
تثبيت نظامَي التشغيل iOS وiPadOS
لا يتوفّر إشعار في المتصفّح لتثبيت تطبيق الويب التقدّمي (PWA) على نظامَي التشغيل iOS وiPadOS. وعلى هذه الأنظمة الأساسية، تُعرَف تطبيقات الويب التقدّمية (PWA) أيضًا باسم تطبيقات الويب على الشاشة الرئيسية. يجب إضافة هذه التطبيقات يدويًا إلى الشاشة الرئيسية من خلال قائمة لا تتوفّر إلا في Safari. ننصحك بإضافة العلامة apple-touch-icon إلى ملف HTML.
لتحديد الرمز، أدرِج المسار إلى الرمز في قسم <head> الخاص بك، على النحو التالي:
<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 وiPadOS، تظهر الإشارات المرجعية إلى المواقع الإلكترونية وتطبيقات الويب التقدّمية بالشكل نفسه على الشاشة الرئيسية.
على نظامَي التشغيل iOS وiPadOS، يمكنك استخدام وضع العرض المستقل فقط. وبالتالي، إذا كنت تستخدم الحد الأدنى من وضع واجهة المستخدم، سيتم الرجوع إلى اختصار المتصفّح. وإذا كنت تستخدم وضع ملء الشاشة، سيعود إلى الوضع المستقل.
تطبيقات الويب التقدّمية (PWA) المثبَّتة على نظامَي التشغيل iOS وiPadOS:
- تظهر في الشاشة الرئيسية، وبحث Spotlight، واقتراحات Siri، وبحث مكتبة التطبيقات.
- لا تظهر في مجلدات فئات معرض التطبيقات.
- لا تتوفر إمكانيات مثل الشارات واختصارات التطبيقات.
يستخدم Safari بالصدفة تقنية أصلية تُعرف باسم Web Clips (مقاطع الويب) لإنشاء رموز تطبيق الويب التقدّمي (PWA) في نظام التشغيل. وهي مجرد ملفات XML بتنسيق قائمة خصائص Apple مخزنة في نظام الملفات.
تثبيت Android
على نظام التشغيل Android، تختلف طلبات تثبيت تطبيق الويب التقدّمي (PWA) حسب الجهاز والمتصفّح. قد يطّلع المستخدمون على ما يلي:
- صيغ مختلفة في صياغة عنصر القائمة المطلوب تثبيته، مثل تثبيت أو إضافة إلى الشاشة الرئيسية
- مربعات حوار التثبيت التفصيلية.
في الصورة التالية، يمكنك مشاهدة نسختين مختلفتين من مربع حوار التثبيت، وشريط معلومات مصغر بسيط (اليسار) ومربع حوار تثبيت مفصل (على اليمين).
واستنادًا إلى الجهاز والمتصفح، سيتم تثبيت تطبيق الويب التقدّمي (PWA) بتنسيق WebAPK أو اختصار أو تطبيق QuickApp.
WebAPKs
WebAPK هي حزمة Android (APK) أنشأها موفّر موثوق به لجهاز المستخدم، وعادةً ما يكون ذلك في السحابة الإلكترونية، على خادم صياغ WebAPK. يستخدم Google Chrome هذه الطريقة على الأجهزة التي تم تثبيت خدمات Google للجوّال (GMS) عليها ومن خلال متصفح الإنترنت Samsung، ولكن فقط على أجهزة Samsung، مثل هواتف Galaxy أو الأجهزة اللوحية. ويمثل هذا معًا غالبية مستخدمي Android.
عندما يثبّت المستخدم تطبيق ويب تقدّمي (PWA) من Google Chrome ويتم استخدام WebAPK، يوقّع خادم الإصدار "mints" (الحِزم) ويوقِّع ملف 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). يتناول فصل طلب التثبيت أنماط إجراء ذلك وكيفية تنفيذها.
كتالوجات التطبيقات والمتاجر
يمكن أيضًا إدراج تطبيق الويب التقدّمي الخاص بك في كتالوجات التطبيقات والمتاجر لزيادة مدى وصوله إلى المستخدمين وإتاحة إمكانية العثور عليه في المكان نفسه الذي يعثرون فيه على تطبيقات أخرى. تدعم معظم كتالوجات ومتاجر التطبيقات تقنيات تتيح لك نشر حزمة لا تتضمن تطبيق الويب بأكمله (مثل HTML ومواد العرض). تتيح لك هذه التقنيات إنشاء مشغّل فقط إلى محرك عرض مستقل على الويب يحمّل التطبيق ويسمح لعامل الخدمة بتخزين الأصول الضرورية مؤقتًا.
في ما يلي كتالوجات التطبيقات والمتاجر التي تتيح نشر تطبيق ويب تقدّمي (PWA):
- متجر Google Play لنظامي التشغيل Android وChromeOS، باستخدام نشاط على الويب موثوق به
- Apple App Store لأنظمة iOS وmacOS وiPadOS، باستخدام WKWebView وApp-Bound Domains.
- متجر Microsoft لنظام التشغيل Windows 10 وWindows 11، باستخدام حِزم APPX.
- متجر Samsung Galaxy، باستخدام خادم البحث في Samsung WebAPK
- Huawei AppGallery، باستخدام حاوية QuickApp لتطبيق HTML.
لمعرفة مزيد من المعلومات عن كيفية نشر تطبيق ويب تقدّمي (PWA) في كتالوجات التطبيقات والمتاجر، يمكنك الاطّلاع على BubbleWrap CLI وPWA Builder.
المراجِع
- ما هي المتطلبات اللازمة للتثبيت
- ملفات WebAPK على نظام التشغيل Android
- أنماط الترويج لتثبيت تطبيق الويب التقدّمي (PWA)
- استخدام تطبيق ويب تقدّمي (PWA) في تطبيق Android
- إدراج تطبيق الويب التقدّمي الخاص بك في Google Play
- إرسال تطبيق الويب التقدّمي (PWA) إلى Microsoft Store
- نشر تطبيق ويب تقدّمي (PWA) على App Store
- WebKit: النطاقات المرتبطة بالتطبيق