تطبيقات الويب التقدمية - مستقبل الويب الحديثة؟

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

وأعتقد أن التقدمي تطبيقات الويب هي مستقبل المواقع - وفي ما يلي الكتابة سأناقش فوائدها واستخدام الحالات لأعطيك الصورة كاملة. هيا بنا.

ما هي تطبيقات الويب التقدمية?

المصطلح “تقدمية تطبيقات الويب” تم صياغته لأول مرة بواسطة أليكس روسيل (مطور Google Chrome) وفرانسيس بيريمان (مصمم). شارك أليكس فكرته حول تطبيقات الويب التقدمية “لا يتم حزم هذه التطبيقات ونشرها من خلال المتاجر ، إنها فقط المواقع التي أخذت جميع الفيتامينات الصحيحة“.

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

تطبيقات الويب مقابل تطبيقات الويب التقدمية

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

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

لماذا نحتاج إلى تطبيقات الويب التقدمية?

لدينا تطبيقات أصلية ، من ناحية ، تتميز بالسرعة والموثوقية بشكل لا يصدق حتى في أسوأ الحالات مثل الاتصال البطيء أو عدم الاتصال. ولكن بعد ذلك ، لدينا مواقع ويب وتطبيقات ويب ، من ناحية أخرى ، بطيئة ولا تعمل بشكل جيد في أي ظروف شبكة. هذا هو السبب في أن معظم الناس تفضل التطبيقات المحلية.

تم بدء تشغيل صفحات الجوال المتسارعة (AMP) ، وهو مشروع شجعته Google ، في عام 2016 إلى حل مشاكل الاتصال البطيء, خاصة على الهواتف الذكية ، وتوفير تجربة مستخدم أفضل لمستخدمي الأجهزة المحمولة. ومع ذلك ، لا يحل AMP مشاكل عدم وجود مشكلات في الشبكة. أيضا ، لا تسرع وقت التحميل بقدر التطبيقات الأصلية ، ومرة ​​أخرى ، فهي تمتلك بعض القيود لتحقيق هذه السرعة.

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

لماذا التقدمي تطبيقات الويب المنطقي?

وفقًا لما تم تحديده في تقرير تطبيقات الأجهزة المحمولة لعام 2017 من الولايات المتحدة الأمريكية ، فإن مستخدمي التطبيق ينفقون تقريبًا 77 في المئة من وقتهم في أفضل ثلاثة تطبيقات, بينما تظل بقية التطبيقات في وضع الخمول ولكن لا تزال تمنع موارد النظام بما في ذلك الذاكرة. وعلاوة على ذلك ، فإنه يشارك أيضا ذلك يقوم 50٪ من المستخدمين بتنزيل تطبيقات صفر شهريًا. تشير هذه الحقيقة إلى أن المستخدمين يترددون في تثبيت تطبيقات جديدة ، وبالتالي تتمتع PWA بميزة.

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

علاوة على ذلك ، تكلف التطبيقات الأصلية أكثر بكثير من تكلفة مواقع الويب - بما يصل إلى خمس إلى عشر مرات أو أكثر حسب نوع المشروع. أيضًا ، يمكن أن تتضاعف تكلفتها إذا كانت هناك حاجة لتطوير تطبيقات أصلية لأنظمة تشغيل متعددة (مثل Android و iOS) مع قواعد شفرة مختلفة. ومع ذلك ، يمكن أن تساعد PWA تقليل تكاليف التطوير العالية هذه, بفضل دعمها لمختلف المنصات.

ميزات تطبيقات الويب التقدمية

تحتوي تطبيقات الويب التقدمية على العديد من الميزات المباشرة التي تجعلها متميزة عن نظيراتها الأكثر بساطة ، أي تطبيقات الويب (أو أبسطها - مواقع الويب):

• متجاوب. العمل على جميع الأجهزة من أي حجم الشاشة.
• حاليا، لأول مرة. تحميل في شبكة بطيئة أو لا كذلك.
• يشبه التطبيق يشعر. تبدو والتفاعل مثل التطبيق الأصلي.
• حتى الآن. تحديث من تلقاء نفسها ، بشفافية تقريبا.
• الامان. استخدم HTTPS لتحميل موارد الصفحة.
• اكتشافها. الاستفادة من المحتوى لمحركات البحث.
• إعادة engageable. إعادة الانخراط ، قل باستخدام الإخطارات.
• للتثبيت. يمكن وضعها على الشاشة الرئيسية.
• المفتاحية. قم بتحميل صفحات تشبه التطبيق ، ولكن باستخدام عناوين URL.

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

ملحوظة: يمكنك قراءة المزيد حول ميزاته والتفاصيل الأخرى في هذا المنشور.

إنشاء تطبيقات الويب التقدمية?

جوجل يوفر “قائمة مراجعة تطبيق الويب التدريجي” - قائمة تفصيلية لمساعدة المبتدئين في إنشاء تطبيقات ويب تقدمية. هذه القائمة بدون دليل تشارك الميزات الضرورية لإنشاء PWAs - ا “خط الأساس PWA” و “PWA المثالي”. السابق يسرد الأشياء الأساسية لتطبيق أساسي والأخير لتطبيق متقدم.

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

هي تطبيقات الويب التقدمي في المستقبل?

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

قدمت Apple ميزات PWA (واجهات برمجة تطبيقات الويب) في Safari 11.1 بما في ذلك Beacon API وعمال الخدمة وبيان تطبيق الويب وما إلى ذلك ؛ وبالتالي جلب PWAs إلى دائرة الرقابة الداخلية قريبا إن لم يكن بالفعل. لقد دعمت Google بالفعل PWAs في Chrome لنظام Android ، وتخطط لجلبه إلى منصات سطح المكتب أيضًا. أضافت Microsoft أيضًا دعمًا للأنظمة PWA في Microsoft Edge وستدرجها في متجر Microsoft أيضًا.

ماذا تعتقد - هي تطبيقات الويب التقدمي في المستقبل? اسمحوا لي أن أعرف مباشرة فيaksinghnet أو كتابة تعليق من خلال قسم التعليقات أدناه لترك ردكم.