Google Brings New PWA Install UI to Chrome for Android
تطبيق الويب التدريجي هو في الأساس الإصدار الخفيف من التطبيق الكامل الفعلي. إذا قمت بتثبيت هذه التطبيقات في Chrome لنظام Android، فستشبه عمليات تثبيت تطبيق PWA المستقبلية عمليات تثبيت التطبيقات الأصلية.
هذا لأن Google تطرح واجهة مستخدم تثبيت PWA جديدة تشبه إلى حد كبير واجهة مستخدم متجر Play.
تثبيتات PWA الحالية في Chrome
حاليًا، إذا فتحت موقعًا مدعومًا في Chrome على Android، فستحصل على لافتة صغيرة في الأسفل تطلب إضافة التطبيق إلى الشاشة الرئيسية. هذه هي الطريقة التي تقوم بها حاليًا بتثبيت تطبيقات الويب التقدمية في Chrome على Android.
لا تبدو واجهة مستخدم التثبيت هذه أو تبدو وكأنها واجهة مستخدم تثبيت التطبيق الأصلي.
واجهة مستخدم تثبيت PWA الجديدة في Chrome لنظام Android
كما أعلن مطورو Chrome على Twitter، تقدم Google واجهة مستخدم تثبيت أكثر ثراءً لتطبيقات الويب التقدمية إلى Chrome على Android.
هذا لأن Google تطرح واجهة مستخدم تثبيت PWA جديدة تشبه إلى حد كبير واجهة مستخدم متجر Play.
تثبيتات PWA الحالية في Chrome
حاليًا، إذا فتحت موقعًا مدعومًا في Chrome على Android، فستحصل على لافتة صغيرة في الأسفل تطلب إضافة التطبيق إلى الشاشة الرئيسية. هذه هي الطريقة التي تقوم بها حاليًا بتثبيت تطبيقات الويب التقدمية في Chrome على Android.
لا تبدو واجهة مستخدم التثبيت هذه أو تبدو وكأنها واجهة مستخدم تثبيت التطبيق الأصلي.
واجهة مستخدم تثبيت PWA الجديدة في Chrome لنظام Android
كما أعلن مطورو Chrome على Twitter، تقدم Google واجهة مستخدم تثبيت أكثر ثراءً لتطبيقات الويب التقدمية إلى Chrome على Android.
Starting today on Android, some users will get a richer PWA installation dialog on Twitter.
— Chrome Developers (@ChromiumDev) March 29, 2021
- Want the same for your PWA?
- Easy. Add the `description` and `screenshots` member to your manifest and you're done.
Read https://t.co/dBVxQmQMcU more for details pic.twitter.com/h8Sczroz4L
تشبه واجهة المستخدم هذه إلى حد كبير ما تراه في متجر Google Play الرسمي. يوجد اسم التطبيق ووصف صغير وبعض لقطات الشاشة وحتى زر التثبيت.
كيف تبدو واجهة مستخدم PWA الجديدة
نظرًا لأن واجهة المستخدم الجديدة هذه قد تم طرحها للتو، لا توجد العديد من التطبيقات التي تستخدم واجهة المستخدم الجديدة هذه. Twitter هو أول من استخدم واجهة التثبيت هذه لتطبيق الويب التدريجي.
في واجهة مستخدم التثبيت الجديدة هذه، لديك الآن وصف صغير للتطبيق، وبعض لقطات الشاشة للتطبيق الذي أنت على وشك تثبيته، وزر تثبيت في أعلى يمين المطالبة.
يؤدي النقر فوق هذا الزر إلى تثبيت PWA على هاتفك ؛ يمنحك هذا نفس الشعور تقريبًا كما لو كنت تقوم بتثبيت تطبيق Play Store.
كيفية استخدام واجهة المستخدم الجديدة لتطبيقك
إذا كنت مطورًا، فأنت بحاجة إلى إضافة عضوين إلى البيان الخاص بك لاستخدام واجهة مستخدم التثبيت الجديدة هذه. أضف وصفًا وأعضاء لقطات شاشة إلى ملف البيان الخاص بك، وسيستخدم Chrome لنظام Android واجهة المستخدم الجديدة لتثبيت تطبيق الويب التقدمي.
ضع في اعتبارك ما يلي أثناء إضافة الصور إلى تطبيقك:
- يجب ألا يقل عرض الصور وارتفاعها عن 320 بكسل و 3840 بكسل على الأكثر.
- يجب أن تحتوي لقطات الشاشة على نفس نسبة العرض إلى الارتفاع.
- يجب أن تستخدم لقطات الشاشة الخاصة بك تنسيق ملف JPG أو PNG.
- لا يمكن أن يكون الحد الأقصى للبعد أكبر مرتين من الحد الأدنى للبعد.
عند إجراء التغييرات المطلوبة على ملفك، سيبدو التثبيت التدريجي لتطبيق الويب مشابهًا إلى حد كبير لتثبيت التطبيق الأصلي.
واجهة تثبيت أكثر ثراءً لـ PWAs في Chrome
يمكن لمطوري تطبيقات الويب التقدميين الآن جعل تطبيقاتهم تستخدم موجه تثبيت أكثر ثراءً في Chrome على Android. سيشجع هذا المزيد من الأشخاص على تثبيت تطبيقك على هواتفهم.
إذا كنت مستخدمًا نهائيًا، فيمكنك الآن الاطلاع على مزيد من التفاصيل حول PWA قبل تثبيته على هاتفك.