اجعل تطبيق الويب التقدمي (PWA) أفضل صديق لك

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

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

لقد حان الوقت لاتخاذ خطوة جيدة نحو سلطة المياه الفلسطينية وسأشرح كيف أن صداقتكم هي المستفيدة بالنسبة لك مع سلطة المياه الفلسطينية!

لا تخلط مع PWA

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

A SPA يمكن أن يكون PWA ، ولكن PWA ليس من الضروري أن يكون SPA.

PWA يحب العمل مع الجميع

يمكن أن يكون موقع الويب المبني على أي إطار أو مكتبة مثل ReactJs أو Angular أو VueJS أو HTML بتنسيق PWA.

بعبارات بسيطة ، يعد تطبيق Progressive Web App موقع ويب للجوال يتم تحويله بميزات ووظائف إضافية تمنحه إحساسًا "يشبه التطبيق". يعمل باستخدام مثيل للمتصفح ويستخدم عامل خدمة لضمان التشغيل السلس حتى بدون اتصال إنترنت موثوق.

إذا كان لديك أسطورة مفادها أن PWA هي تقنية من Google ، فهذه المعلومات كافية لمسح أسطورة. تعتمد تطبيقات الويب التقدمية على معايير الويب. إنه يعمل مع كل متصفح وكل منصة.

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

تطبيقات الويب المتقدمة هي مواقع ويب يجب أن تلبي ثلاثة متطلبات فنية:

  • يجب أن يتم تقديمه باستخدام HTTPS (آمن)
  • لديك ملف بيان ويب صالح مع مجموعة الحد الأدنى من الرموز
  • يجب تسجيل عامل خدمة صالح ودعم الحد الأدنى غير المتصل

لا يوجد شيء في هذه المتطلبات يقول أن الموقع يجب أن يستخدم JavaScript. حسنًا ، باختصار ، يجب عليك تسجيل عامل الخدمة باستخدام JavaScript من جانب العميل.

PWA يدعم ميزات مثل أدناه:

  • تثبيت الشاشة الرئيسية - يمكننا إضافة رمز تطبيق الويب الخاص بنا على الشاشة الرئيسية.
  • إعلامات الدفع - يمكننا دمج إخطار الدفع كما هو الحال في تطبيق أصلي عبر واجهة برمجة تطبيقات Push و Notification API للويب.
  • Splash Screen - ملف بيان يدير شاشة البداية لـ PWA للوصول إلى مشاركة مثل تطبيق أصلي
  • الموقع الجغرافي - يمكننا الوصول إلى الموقع الحالي للمستخدم عبر واجهة برمجة تطبيقات الموقع الجغرافي
  • وضع العمل دون اتصال - بسبب عامل الخدمة الذي يدير آلية التخزين المؤقت ، سنحصل على تجربة مستخدم ثرية حتى لو لم يكن هناك إنترنت.
  • الوصول إلى ميزات الوسائط - يمكننا الوصول إلى أجهزة الميكروفون والفيديو والكاميرات. أيضًا ، قم بتنفيذ وظائف الاتصال الصوتي والمرئي باستخدام WebRTC API.

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

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

ستدعم PWA الميزات التالية في المستقبل مثل:

  • تقنية Bluetooth - Web قيد تطوير واجهة برمجة تطبيقات Bluetooth ، وسوف نصل قريبًا إلى تقنية Bluetooth على منصة الويب.
  • المستشعرات - تعد المستشعرات جزءًا مهمًا حقًا من عصر التطوير الحالي. بعض أجهزة الاستشعار قيد التطوير بالفعل مثل مستشعر الإضاءة المحيطة ومستشعر القرب ومستشعر التسارع ومستشعر المغنطيسية ومستشعر الجيروسكوب.
  • المشاركة الأصلية - يمكننا استدعاء آلية المشاركة الأصلية للجهاز كجزء من واجهة برمجة تطبيقات Web Share.
  • Fingerprint Sensor - يمكننا مصادقة المستخدمين عبر مستشعر البصمة باستخدام واجهة برمجة تطبيقات مصادقة الويب. ولكن هل لا يزال قيد التطوير لأسباب أمنية.

لماذا الجميع يعتمد PWA في الوقت الحاضر؟

بعد قراءة بعض إحصائيات الشركات الكبرى التي تتبنى PWA ، ستعرف قوة PWA وتفهم بوضوح لماذا يريد الجميع الذهاب إلى PWA.

فيما يلي أريد أن أريك بعض البيانات من دراسات حالة PWA للشركات الشهيرة:

  • قام Twitter بتطوير Twitter Lite Progressive Web App في أبريل 2017 ، وفي النتيجة ، زاد Twitter من الصفحة لكل جلسة بنسبة 65٪ ، وأرسلت تغريدات زيادة بنسبة 75٪ وانخفض معدل الارتداد بنسبة 20٪.
  • قرر Flipkart ، وهو أكبر موقع للتجارة الإلكترونية في الهند ، إيقاف إستراتيجية التطبيق فقط في عام 2015. وبعد ذلك ، جاءوا مع Flipkart Lite التي تدعمها PWA وستكون مندهشًا من قراءة نتائجها الرائعة. قضى المستخدمون مزيدًا من الوقت في الموقع بمعدل 3x ، وكانت معدلات إعادة المشاركة أعلى بنسبة 40٪ ، ومعدل تحويل أكبر بنسبة 70٪ بين القادمين عبر الشاشة "إضافة إلى الشاشة الرئيسية" ، واستخدام بيانات أقل بثلاثة أضعاف مقارنة بالتطبيق الأصلي.
  • Alibaba.com ، أكبر منصة تداول B2B على الإنترنت. جاءت Alibaba.com باستراتيجية جديدة مثل PWA لتقديم تجربة مستخدم رائعة لكل من الزوار لأول مرة والزائرين المتكررين. جاءت استراتيجيتهم الجديدة بنتائج مفاجئة. حصلت Alibaba.com على معدلات تحويل أعلى بنسبة 76٪ عبر المتصفحات ، وحصلت على المزيد من المستخدمين النشطين شهريًا على iOS و 30٪ على Android ، ومعدل تفاعل أعلى من 4x من شاشة الإضافة إلى الشاشة الرئيسية.

نعم ، هذا أمر لا يصدق ويجب علينا أن نقبل جمال تطبيق الويب التقدمي. الآن أنت تفهم ، لماذا أرغمك على جعل PWA أفضل صديق لك.

متجر Play جاهز لنشر PWAs

نعم نعم نعم! أصبح متجر Play و PWAs أصدقاء الآن. الآن يمكننا نشر PWAs في متجر Play بمساعدة أنشطة الويب الموثوقة (TWA). أضاف Google Chrome 72 أنشطة الويب الموثوق بها لدعم عرض ملء الشاشة على الويب دون عرض عنوان URL أو أي عناصر متعلقة بالمتصفح. حتى تتمكن من إنشاء APK من تطبيق الويب الخاص بك وتحميله للعب متجر بمساعدة من استوديو أندرويد وبعض المعرفة لتطوير الروبوت.

هنا أوصيك بمشاهدة الفيديو أدناه للحصول على معرفة مفصلة TWA:

إن وجود PWAs مثل Facebook Lite و Instagram Lite و Flipkart Lite و Twitter Lite يستخدم في الغالب WebView ويعطينا شعورًا يشبه التطبيق. لكن ضع في اعتبارك أن Apple لا تزال لا تقدم الدعم لـ TWA.

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

التصفيق التصفيق التصفيق! لأن التصفيق عادة جيدة