اكتشف خصوصيات وعموم تطبيقات الويب التقدمية (PWAs)

نشرت: 2020-06-17

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

إنها تطبيقات ويب حديثة بشكل أساسي تحمل اسمًا رائعًا (شكرًا ، Google Chrome).

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

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

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

قبل أن نبدأ في فهم حالات الاستخدام لبناء تطبيق ويب تقدمي مقابل تطبيق أصلي أو تطبيق ويب تقليدي ، دعنا نتأكد من أننا نغطي الأساسيات.

أولاً وقبل كل شيء ، تحتاج إلى معرفة تطبيقات الويب التقدمية لأنها طريق المستقبل. وفقًا لمسح للقراء لأكثر من 800 تقني ، أجرته JAX Enter ، قال 46٪ من المستجيبين إنهم يعتقدون أن PWAs هي المستقبل - وليست تطبيقات أصلية أو هجينة.

الفرق بين تطبيقات الويب التقدمية وتطبيقات الويب غير التقدمية والتطبيقات المحلية

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

تطبيقات الويب الأصلية والتقدمية وغير التقدمية

مصدر

التطبيقات الأصلية هي تطبيقات تم إنشاؤها بلغة معينة لجهاز معين (هاتف ذكي ، جهاز لوحي ، وما إلى ذلك) ويجب تنزيلها من متجر تطبيقات. في المثال أعلاه ، يعد تطبيق Dish's MyPay تطبيقًا محليًا لأنه يمكن تنزيله من Apple App Store وتم تصميمه لأجهزة iOS. على الرغم من أنه يمكنك أيضًا تنزيل تطبيق Dish's MyPay على Google Play ، كان على Dish في الواقع تطوير تطبيق محلي ثانٍ ليكون ذلك ممكنًا.

من خلال الاضطرار إلى تصميم وتطوير تطبيقين مختلفين للهاتف المحمول لعملائهم ، يمكنك البدء في رؤية عيب كبير في تطوير التطبيقات المحلية.

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

يبدو وكأنه تطبيق ، ولكنه في الحقيقة مجرد موقع ويب بإمكانيات محسّنة. لاحظ أن مثال تطبيق الويب غير التقدمي في الصورة أعلاه ، Evolve Vacation Rentals ، آمن وسريع الاستجابة وأنيق - لكنه لا يعتبر PWA.

في الواقع ، لكي يتم اعتبار التطبيق المستند إلى الويب تطبيق ويب تقدميًا ، تقول Google أن ما يلي يجب أن يكون صحيحًا بالنسبة للتطبيق:

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

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

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

السياقات الآمنة (HTTPS)

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

كما هو الحال مع أفضل الممارسات لأي موقع ويب في عام 2020 ، فإن الميزة الرئيسية لـ PWAs هي أنها مشفرة TSL / SSL ، مما يضمن سياقات آمنة. لتحديد ما إذا كان تطبيق الويب آمنًا بسرعة ، ابحث عن HTTPS في عنوان url للصفحة.

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

موقع عامل موقع المستخدم الحالي

مصدر

عمال الخدمة

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

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

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

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

ملفات البيان

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

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

التطبيق على شبكة الإنترنت

مصدر

مزايا PWAs

بالتأكيد ، هناك مزايا لجميع أنواع التطبيقات. يقول Bart Deferme ، مدير تطوير المنتجات Agile في Spire Digital:

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

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

قابل للاكتشاف

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

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

قابل للتثبيت

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

قابل للربط

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

شبكة مستقلة

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

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

متجاوب

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

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

آمن

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

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

التأثير على pwa مقابل الويب سريع الاستجابة

مصدر

استنتاج

فكر في الأمر: يتجه العالم نحو حقيقة Blade Runner ، حيث سيتم قريبًا توصيل البشر بالبرامج على مدار 24 ساعة في اليوم (إذا لم تكن بالفعل). إن التقدم في المنحنى التكنولوجي والحصول على أكبر عائد على الاستثمار يعني الاستثمار في البرامج ذات القيمة الأكثر طويلة الأجل.

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

PWAs هي أكثر أنواع التطبيقات إثباتًا للمستقبل لأنها:

  • يمكن اكتشافه عبر الويب أو متجر التطبيقات
  • سريع الاستجابة وجاهز لأي متصفح
  • اتصال شبكة مستقل
  • آمن ومشفّر
  • و اكثر

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

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

احصل على فهم أكثر شمولاً لرؤى تطوير التطبيقات الأخرى على مركز معلومات تطوير تطبيقات G2.