ما هي تطبيقات الويب التقدمية وكيف يمكنني تثبيتها؟

ما هي تطبيقات الويب التقدمية وكيف يمكنني تثبيتها؟

تهيمن التطبيقات على هاتفك. لفترة طويلة ، لم تؤثر التطبيقات على سطح المكتب أو المتصفح بنفس الطريقة. لقد تغير ذلك في السنوات الأخيرة. تنمو تطبيقات الويب التقدمية (PWAs) في مكانتها وتغير تفاعلاتنا مع جميع أنواع مواقع الويب.





ولكن ما هو تطبيق الويب التقدمي بالضبط؟ ما الذي يفعله PWA ولا يفعله موقع الويب؟ إليك ما تحتاج لمعرفته حول تطبيقات الويب التقدمية.



ما هو تطبيق الويب التقدمي؟

تطبيقات الويب التقدمية هي تطبيقات ويب تقدم موقعًا عاديًا للمستخدمين ولكنها تظهر كتطبيق جوال أصلي. تحاول PWAs جلب قابلية استخدام تطبيق جوال أصلي إلى مجموعة ميزات المتصفح الحديثة ، مع الاستفادة الكاملة من التقدم في كلا مجالي التطوير.





ما الذي يحدد PWA إذن؟

  • عالمي : يجب أن يعمل تطبيق الويب التقدمي (PWA) بسلاسة (حسنًا ، تقريبًا) لكل مستخدم ، بغض النظر عن متصفحه.
  • متجاوب : يجب أن تعمل PWAs مع أي جهاز ، مثل الكمبيوتر المحمول والكمبيوتر اللوحي والهاتف الذكي وما إلى ذلك.
  • تصميم : يجب أن يحاكي التصميم تطبيقات الأجهزة المحمولة الأصلية ، مما يعني قوائم مبسطة يسهل العثور عليها ، مع تفاعل بسيط للميزات المتقدمة.
  • آمن : يجب أن تستخدم PWAs HTTPS للحفاظ على بيانات المستخدم آمنة.
  • قابل للاكتشاف: يمكن للمستخدمين العثور على PWAs ، ويمكن التعرف عليهم بسهولة كتطبيق (بدلاً من 'موقع').
  • الخطوبة: يجب أن يكون لدى PWA حق الوصول إلى ميزات المشاركة الأصلية مثل دفع الإخطارات.
  • التحديثات: تظل PWAs محدثة ، وتخدم أحدث إصدارات الخدمة أو الموقع.
  • التركيب: السماح للمستخدمين 'بتثبيت' PWA بسهولة على شاشتهم الرئيسية دون الحاجة إلى متجر تطبيقات.
  • مشاركة: تتطلب PWAs عنوان URL واحدًا فقط للمشاركة ، دون أي تثبيت.

كما ترى ، تهدف PWAs إلى تزويد المستخدمين بتجربة موقع ويب كاملة مع الميزات المبسطة وتصميم الواجهة للتطبيق الأصلي.



كيف يعمل تطبيق الويب التقدمي؟

مفتاح تطبيقات الويب التقدمية هم عمال خدمة المتصفح.

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



على هذا النحو ، يشكل العاملون في الخدمة أساس معيار PWA ، باستخدام ذاكرة التخزين المؤقت للويب للحصول على نتائج فورية تقريبًا.

قبل العاملين في الخدمة ، كان البرنامج النصي لذاكرة التخزين المؤقت للمستعرض go-to هو ذاكرة التخزين المؤقت للتطبيق (أو ذاكرة التخزين المؤقت للتطبيق). ميزات ذاكرة التخزين المؤقت للتطبيق في مجموعة واسعة من الخدمات غير المتصلة بالإنترنت ولكنها كانت عرضة للخطأ إلى حد ما. علاوة على ذلك ، يحتوي App Cache على العديد من القيود المعروفة ، مثل قائمة منفصلة يشرح.



لكن المشكلة الرئيسية للمطورين هي عدم وجود تفاعل مباشر مع كيفية عمل AppCache بالضبط ، مما يمنع المطورين من إصلاح المشكلات بدقة عند ظهورها. في المقابل ، كانت مواقع الويب والخدمات ذات الوظائف الكاملة غير المتصلة بالإنترنت خيارًا محفوفًا بالمخاطر.

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

بالإضافة إلى ذلك ، فإن ذاكرة التخزين المؤقت ليست فقط لزيادة السرعة في وضع عدم الاتصال. على سبيل المثال ، تتوجه إلى PWA ، لكن اتصالك غير مكتمل للغاية. يقدم عامل الخدمة ذاكرة تخزين مؤقت سابقة ، تعمل بكامل طاقتها ، دون مقاطعة تجربتك.

دعم متصفح تطبيقات الويب التقدمي

هناك متطلبان لاستخدام تطبيق الويب التقدمي: متصفح متوافق وخدمة تدعم PWA.

أولاً ، لنلق نظرة على المتصفحات. لديك خياران للتحقق من دعم متصفح PWA. الأول هو جيك أرشيبالد عامل الخدمة جاهز ؟ والذي يعرض بسهولة حالة استعداد PWA للمتصفحات الرئيسية ، بالإضافة إلى Samsung Internet.

للحصول على نظرة عامة أكثر تفصيلاً عن دعم متصفح PWA ، يجب عليك التحقق هل يمكنني استخدام ، وهو موقع ويب متخصص في سرد ​​تنفيذ تقنيات الويب والمتصفح المختلفة حسب إصدار المتصفح. على سبيل المثال ، إذا أدخلت 'عمال الخدمة' في شريط البحث ، فستجد جدولاً يعرض رقم الإصدار الذي نفذ به كل متصفح عمال خدمة PWA.

يؤكد جدول Can I Use Service Workers (هل يمكنني استخدام عمال الخدمة) أن المتصفحات الرئيسية تدعم جميعها PWAs. كما يوضح أيضًا دعم PWA للعديد من متصفحات سطح المكتب البديلة ومتصفحات الجوال.

تقسيمها أكثر بقليل:

  • متصفح سطح المكتب (دعم كامل): Chrome و Firefox و Opera و Edge و Safari
  • متصفح سطح المكتب (دعم جزئي / إصدار قديم): متصفح QQ ، متصفح بايدو
  • متصفح الجوال (دعم كامل): Chrome و Firefox و Safari و UC Browser و Samsung internet و Mint Browser و Wechat
  • متصفح الجوال (دعم جزئي / إصدار قديم): متصفح QQ ، متصفح أندرويد ، أوبرا موبايل

لذلك ، تدعم جميع المتصفحات الرئيسية PWAs. Microsoft Edge و Safari هما أحدث الإضافات إلى قائمة الدعم الكامل. على العكس من ذلك ، يستخدم كل من QQ Browser و Baidu Browser الآن إصدارات قديمة وبالتالي تم إسقاطهما في المستوى الثاني.

كيفية البحث عن تطبيق ويب تقدمي وتثبيته

الآن بعد أن عرفت المتصفح الذي تريد استخدامه ، يمكنك التفكير في البحث عن PWA وتثبيته. في هذا المثال ، سأستخدم Samsung Galaxy S8 مع Google Chrome.

تطبيقات الويب التقدمية موجودة في كل مكان. قامت العديد من الشركات بتكييف مواقعها وخدماتها لتقديم إصدار تطبيق ويب تقدمي. في كثير من الحالات ، ستصادف أولاً PWA عندما تتوجه إلى الصفحة الرئيسية أو موقع الخدمة للجوال ، مما يؤدي إلى تشغيل ملف أضف إلى الشاشة الرئيسية صندوق المحادثة.

تحقق من الفيديو أدناه لمعرفة ما يحدث عند زيارة موقع تويتر للجوال .

بالطبع ، زيارة عدد لا يحصى من المواقع وتأمل في رؤية مشغل الشاشة الرئيسية ليس مفيدًا. في الواقع ، إنها تستغرق وقتًا طويلاً. لحسن الحظ ، ليس عليك القيام بذلك لأن هناك موقعين مخصصين لفهرسة PWAs.

أول محاولة ويب خارجي . يسرد مجموعة جيدة جدًا من PWAs ، مع ظهور خيارات جديدة بشكل متكرر. بعد ذلك ، جرب pwa.rocks. يحتوي على تحديد أصغر ، ولكن بعض PWAs المفيدة التي تريد إضافتها إلى جهازك.

علاوة على ذلك ، في يناير 2019 ، تم شحن Chrome 72 لنظام Android مع Trusted Web Activity (TWA). يسمح TWA بفتح علامات تبويب Chrome في وضع مستقل. وهذا بدوره يسمح لـ PWAs بالظهور في متجر تطبيقات Google Play. أول عدد قليل من PWAs التي ظهرت على Google Play كانت تويتر لايت و Instagram Lite و Google Maps Go ، مع تعيين المزيد للظهور بمرور الوقت.

معرض الصور (2 صور) وسعت وسعت قريب

هل ستحل تطبيقات الويب التقدمية محل التطبيقات الأصلية؟

تعد تطبيقات الويب التقدمية خطوة مختلطة ممتازة بين متصفحك وتطبيق جوال أصلي. هل ستحل تطبيقات الويب (PWA) محل التطبيقات الأصلية بالكامل؟ هذا صعب مني. تعد PWAs رائعة كعرض خفيف ، ولكن نظرًا لأنها تركز حاليًا في الغالب على تكرار المواقع والخدمات الحالية ، فإنها لن تحل محل التطبيقات الأصلية.

على الأقل ليس في الوقت الحالي.

أفضل الموسيقى التصويرية لألعاب الفيديو للدراسة

تعمل PWAs بالرغم من ذلك. البيانات المتوفرة في PWA Stats تدعم هذا أيضًا. فيما يلي بعض الأرقام المثيرة للاهتمام التي توضح كيف تغير PWAs تفاعلاتنا مع مواقع الويب شائعة الاستخدام:

  • شهدت Trivago زيادة في المشاركة بنسبة 150 بالمائة للمستخدمين الذين يضيفون PWA إلى الشاشة الرئيسية.
  • يتم تحميل الصفحة الرئيسية لـ Forbes 'PWA' بالكامل في 0.8 ثانية فقط ، بينما زادت مرات الظهور لكل زيارة بنسبة 10 بالمائة. كما شهدت PWA من Forbes مضاعفة أطوال جلسات المستخدم.
  • شهد Twitter Lite زيادة بنسبة 65 في المائة في الصفحات لكل جلسة ، مع زيادة هائلة بنسبة 75 في المائة في التغريدات. كما أنها تفاعلية 'في أقل من 5 ثوانٍ عبر شبكة الجيل الثالث'.
  • وشهدت علي بابا زيادة بنسبة 76 في المائة في التحويلات عبر الأجهزة المحمولة.

PWAs ليست سائدة بعد. ولكن مع النطاق الهائل من المزايا التي يقدمونها ، مثل توفير مساحة على جهازك ، سوف تسمع المزيد عنها في المستقبل.

يشارك يشارك سقسقة بريد الالكتروني دليل المبتدئين لتحريك الكلام

يمكن أن يمثل تنشيط الكلام تحديًا. إذا كنت مستعدًا لبدء إضافة حوار إلى مشروعك ، فسنقوم بتفصيل العملية نيابةً عنك.

اقرأ التالي مواضيع ذات صلة نبذة عن الكاتب جافين فيليبس(تم نشر 945 مقالة)

Gavin هو محرر جونيور لـ Windows و Technology Explained ، وهو مساهم منتظم في Really Useful Podcast ومراجع منتظم للمنتج. حصل على بكالوريوس (مع مرتبة الشرف) في الكتابة المعاصرة مع ممارسات فنية رقمية نُهبت من تلال ديفون ، بالإضافة إلى أكثر من عقد من الخبرة المهنية في الكتابة. يستمتع بكميات وفيرة من الشاي وألعاب الطاولة وكرة القدم.

المزيد من Gavin Phillips

اشترك في نشرتنا الإخبارية

انضم إلى النشرة الإخبارية لدينا للحصول على نصائح تقنية ومراجعات وكتب إلكترونية مجانية وصفقات حصرية!

انقر هنا للاشتراك