ما الذي يتطلبه تثبيت التطبيق؟

تطبيقات الويب التقدّمية (PWA) هي تطبيقات حديثة وعالية الجودة مصمَّمة باستخدام تكنولوجيا الويب. توفّر تطبيقات الويب التقدّمية إمكانات مشابهة لتطبيقات الأجهزة الجوّالة وتطبيقات سطح المكتب، وهي موثوقة حتى في ظروف الشبكة غير المستقرة، ويمكن تثبيتها ما يسهّل على المستخدمين العثور عليها واستخدامها.

معظم المستخدمين على دراية بعملية تثبيت التطبيقات ومزايا التجربة التي تتطلّب التثبيت. تظهر التطبيقات المثبَّتة على مساحات تشغيل نظام التشغيل، مثل مجلد التطبيقات على نظام التشغيل macOS X، وقائمة "ابدأ" على نظام التشغيل Windows، والشاشة الرئيسية على نظامَي التشغيل Android وiOS. تظهر التطبيقات المثبَّتة أيضًا في مبدّل التطبيقات ومحركات البحث على الأجهزة، مثل Spotlight، وفي أوراق مشاركة المحتوى.

تشير معظم المتصفّحات إلى المستخدم بأنّه يمكن تثبيت تطبيق الويب التقدّمي (PWA) عندما يستوفي معايير معيّنة. تشمل مؤشرات المثال زر "تثبيت" في شريط العناوين أو عنصر قائمة "تثبيت" في قائمة الخيارات الإضافية.

صورة مقرّبة لزر "التثبيت" في شريط عناوين URL على الكمبيوتر
عرض المكافأة عند التثبيت يوفّره المتصفّح (على الكمبيوتر)
صورة مقرّبة للبانر في أسفل شاشة الجهاز الجوّال، يطلب من المستخدم "إضافة تطبيق Airhorner إلى الشاشة الرئيسية"
عرض المكافأة عند التثبيت يوفّره المتصفّح (على الأجهزة الجوّالة)

بالإضافة إلى ذلك، عند استيفاء المعايير، ستطلق العديد من المتصفّحات حدث beforeinstallprompt، ما يتيح لك تقديم تجربة مستخدم مخصّصة داخل التطبيق تؤدي إلى بدء عملية التثبيت داخل تطبيقك.

معايير التثبيت

في Chrome، يجب أن يستوفي تطبيق الويب التقدّمي المعايير التالية قبل أن يتم تشغيل الحدث beforeinstallprompt وعرض الإعلان الترويجي الخاص بالتثبيت داخل المتصفح:

  • لم يتم تثبيت تطبيق الويب من قبل.
  • استيفاء معايير الاستدلال الإرشادي لتفاعل المستخدمين:
    • يجب أن يكون المستخدم قد نقر على الصفحة مرة واحدة على الأقل، في أي وقت، حتى أثناء تحميل صفحة سابقة.
    • يجب أن يكون المستخدم قد أمضى 30 ثانية على الأقل في عرض الصفحة، في أي وقت.
  • أن يتم عرضها عبر بروتوكول HTTPS
  • يتضمّن بيان تطبيق ويب يتضمّن ما يلي:
    • short_name أو name
    • icons: يجب أن يتضمّن رمزًا بدقة 192 بكسل ورمزًا بدقة 512 بكسل
    • start_url
    • display: يجب أن تكون إحدى القيم التالية: fullscreen أو standalone أو minimal-ui أو window-controls-overlay
    • يجب ألا يكون prefer_related_applications متوفّرًا أو أن تكون قيمته false

تتضمّن المتصفحات الأخرى معايير مشابهة للتثبيت، ولكن قد تكون هناك اختلافات بسيطة. يمكنك الاطّلاع على التفاصيل الكاملة على المواقع الإلكترونية التالية: