ولدت تطبيقات الويب التقدمية (PWA اختصارًا باللغة الإنجليزية) من يد Google التي تبحث عن الحاجة إلى ذلك إنشاء تطبيق مرن وقابل للتكيف باستخدام تقنيات الويب فقط التي اكتسبت شعبية بمرور الوقت بشكل رئيسي في النظم الإيكولوجية للجوال ، حيث تم تجاوز عملية مراقبة متاجر التطبيقات.
بيرو ما هو PWA؟ ما هي PWAs؟ ما هي المزايا التي يقدمونها لنا مقارنة بالتطبيقات التقليدية؟ إذا كنت لا تريد معرفة كيفية عمل هذه التطبيقات فحسب ، بل أيضًا كيفية تحقيق أقصى استفادة منها على جهاز الكمبيوتر أو الأجهزة المحمولة ، فأنا أدعوك لمواصلة القراءة.
ما هو PWA
كما ذكرت في بداية هذه المقالة ، فإن PWA (تطبيق الويب التقدمي) ، المترجم كتطبيق ويب تقدمي ، ليس أكثر من نوع من التطبيقات متاح من خلال المتصفح باستخدام HTML و CSS و JavaScript فقط.
هذه التطبيقات متوفرة ومتوافقة مع جميع المنصات التي تستخدم متصفحًا متوافقًا مع هذه المعايير ، لذلك يمكن تثبيتها على أي نظام تشغيل.
بمجرد تثبيتها على الجهاز ، إنهم يعملون بنفس طريقة التطبيق، دون الحاجة إلى اتصال بالإنترنت ، على الرغم من أنه بسبب طبيعته ، بدون الإنترنت ، يجب أن يظهر القليل أو لا شيء.
PWA هو تطبيق ويب يعمل بنفس الطريقة التي يعمل بها في المستعرض ولكن دون إظهار واجهة نفسه، لذلك فهو يعطي مظهر تطبيق قائم بذاته.
هذه التطبيقات لا تستخدم أنظمة التوزيع المعتادة مثل App Store على iOS و Play Store على Android ، حتى يتمكنوا من إضافة وظائف لا يتضمنها نظام التشغيل المعني ضمن إرشاداته.
من بين نقاط القوة في هذه التطبيقات تأخذ مساحة أقل بكثير على الجهاز حيث تم تثبيتها ، لا تتطلب التحديثات (يتم تحديثها تلقائيًا مع تغير تصميم صفحة الويب) وهي يدعم الإخطارات.
خصائص PWAs
ولدت تطبيقات الويب التقدمية من الحاجة إلى مساعدة المطورين على إنشاء تطبيقات عبر الأنظمة الأساسية نظرًا لأنه يتجنب العمل على إنشاء تطبيقات مختلفة لكل نظام تشغيل ، سواء كان ذلك Android أو iOS أو Windows أو macOS أو Linux ... كما أن لديهم سلسلة من الخصائص التي تجعلهم تطبيقات المستقبل:
- هذه التطبيقات تتكيف مع أي شاشةسواء كانت شاشة أو جهاز لوحي أو هاتف محمول أو أي جهاز آخر به شاشة.
- على عكس التطبيقات التي تستخدم ذاكرة التخزين المؤقت لتحميل البيانات ، لا تقوم تطبيقات الويب بتخزين البيانات من الخدمة ، لذلك من خلال تجنب التحقق من البيانات التي تغيرت ، فإنها تقوم بتحميل المحتوى بشكل أسرع.
- يعمل حاليا إلى الإنترنت.
- يستخدمون بروتوكول HTTPS، بروتوكول يحمي المحتوى الذي يتم إرساله من الخادم إلى الجهاز من الوصول غير المرغوب فيه.
- إبن قابل لإعادة الاتصال، لذلك فهي متوافقة دفع الإخطارات.
- قد التثبيت والمشاركة بسهولة عبر عنوان url.
- لا تتطلب من التحديثات.
تطبيقات PWA
مع مرور السنين ، يقدم المزيد والمزيد من المطورين الدعم لهذه الأنواع من التطبيقات. بعض من أشهرها مع تويتر, يوتيوب ، سبوتيفي, Instagram و Uber و Telegram و Pinterest و Facebook الخدمات التي تسمح لنا بتثبيت التطبيقات على سطح المكتب و / أو الجهاز المحمول لدينا. لا يمكن تثبيت جميع تطبيقات PWA على أجهزة سطح المكتب ، ولكن على جميع الأجهزة المحمولة.
إذا تحدثنا عن تطبيقات الهاتف المحمول ، فيمكننا العثور عليها جوجل الملاعب, مايكروسوفت إكس كلاود y غيفورسي من نفيديا. تسمح لنا هذه المنصات بلعب أي لعبة يتم تشغيلها على خوادمها من أجهزتنا المحمولة. نظرًا لأن Apple لا تسمح بهذه الأنواع من التطبيقات ، كان الحل الوحيد الممكن هو إنشاء هذه الأنواع من التطبيقات التي لم يكن عليها المرور عبر متجر التطبيقات.
إذا كنت تريد معرفة المزيد من التطبيقات من هذا النوع ، فيمكنك زيارة الويب findPWAحيث ستجد دليل واسع مع جميع التطبيقات المتوفرة.
كيفية تثبيت PWA على iPhone
يعد تثبيت PWA على iPhone أمرًا بسيطًا مثل إنشاء اختصار لموقع الويب التي نزورها. ومع ذلك ، أثناء هذه العملية ، يتم إنشاء تطبيق خاص به لم يمر عبر متجر التطبيقات على سطح مكتب أجهزتنا ، ومن ثم فهي إحدى الطرق التي تستخدمها منصات بث الفيديو لتقديم خدماتها عن طريق تخطي متجر تطبيقات Apple محددات.
بمجرد وصولنا إلى صفحة الويب التي نريد تثبيت PWA منها ، نضغط على زر المشاركة ونحدد الخيار أضف إلى الشاشة الرئيسية. من تلك اللحظة فصاعدًا ، في كل مرة نضغط فيها على هذا الرمز ، سيتم فتح التطبيق دون استخدام المتصفح وسيعمل بنفس الطريقة مثل أي تطبيق آخر.
كيفية إلغاء تثبيت PWA على iPhone
لحذف PWA من iPhone ، يجب أن نقوم بنفس العملية كما نريد إزالة أحد التطبيقات من الجهاز. يجب أن نضغط مع الاستمرار بإصبعك على التطبيق المعني وتحديد خيار حذف التطبيق من جميع الخيارات التي يعرضها لنا.
كيفية تثبيت PWA على Android
باستخدام Google Chrome على Android ، تكون عملية تثبيت التطبيق بسيطة مثل قم بزيارة الموقع المعني طالما لم يكن لدينا التطبيق المتاح في متجر Play مثبتًا ، لأنه في هذه الحالة ، عند زيارة موقع الويب ، سيتم فتح التطبيق المثبت على جهاز الكمبيوتر الخاص بنا تلقائيًا.
عند زيارة صفحة الويب الخاصة بالتطبيق الذي نريد تثبيته ، ستظهر رسالة تدعونا لتثبيت التطبيق. ومع ذلك ، بدلاً من تثبيت التطبيق المتاح في متجر Play ، سيقوم بتثبيت إصدار PWA ، وهو إصدار من التطبيق يوفر لنا نفس الوظائف التي يمكن أن نجدها في التطبيق الأصلي.
كيفية إلغاء تثبيت PWA على Android
مثل iPhone ، لإلغاء تثبيت تطبيق PWA مثبت على Android ، يجب أن نضغط على التطبيق و اسحبه إلى أعلى الشاشة، تحديدًا لخيار حذف التطبيق. خلال هذه العملية التي تستغرق بضع ثوانٍ ، لن تفتح إعدادات Google لدعوتنا لتأكيد رغبتنا في حذف التطبيق.
كيفية تثبيت PWA على Chrome
إذا استخدمنا Chrome كمتصفحنا الرئيسي وأردنا تثبيت PWA ، فيجب علينا زيارة صفحة الويب التي يوجد بها. ثم ، في نهاية شريط البحث ، انقر فوق رمز سهم لأسفل ونؤكد أننا نريد تثبيت التطبيق.
بمجرد الانتهاء من العملية ، سيتم فتح التطبيق تلقائيًا وسيصبح متاحًا ضمن قائمة ابدأ لفريقنا كتطبيق آخر. ما هو أكثر من ذلك ، سيتم إنشاء اختصار على سطح المكتب لدينا حتى لا نضطر إلى التنقل في قوائم Windows.
كيفية إلغاء تثبيت PWA في Chrome
إذا أردنا إلغاء تثبيت PWA الذي قمنا بتثبيته من خلال Chrome ، فنحن ننتقل إلى موقعه ضمن قائمة ابدأ ، ونضغط عليه بزر الفأرة الأيمن ثم نختار خيار إلغاء التثبيت.
كيفية تثبيت PWA على Microsoft Edge
لتثبيت PWA في متصفح Microsoft Edge استنادًا إلى محرك Chromium ، يجب علينا زيارة صفحة الويب الخاصة بالخدمة. في تلك اللحظة ، نضغط على رمز ممثلة بثلاثة مربعات وعلامة زائد. يمثل هذا الرمز أن الموقع يقدم لنا تطبيق PWA لتثبيته على جهاز الكمبيوتر الخاص بنا.
بمجرد تأكيدنا أننا نريد تثبيت التطبيق تلقائيًا سيفتح على جهاز الكمبيوتر الخاص بنا كتطبيق مستقل تمامًا دون عرض واجهة متصفح الويب.
التطبيق متاح ضمن قائمة البداية لفريقنا. ولكن بالإضافة إلى ذلك أيضًا كان متوفرا على سطح المكتب كاختصار.
كيفية إلغاء تثبيت PWA في Microsoft Edge
عند إلغاء تثبيت PWA ، نذهب إلى مكانه داخل قائمة ابدأ ، اضغط عليها بالزر الأيمن الماوس وحدد خيار إلغاء التثبيت.
كيفية تثبيت PWA في Firefox
للأسف ، من مؤسسة موزيلا ، في يناير 2021 إزالة الدعم للتثبيت هذا النوع من التطبيقات في إصدار سطح المكتب ، لكنه لا يزال متاحًا في الإصدارات الخاصة بالأجهزة المحمولة. عار علينا جميعًا الذين يستخدمون Firefox لكونه أحد المتصفحات التي تحمينا أكثر عند تصفح الإنترنت.
كيفية تثبيت PWA في المتصفحات الأخرى
عملية تثبيت تطبيقات PWA في المتصفحات الأخرى هو نفسه في Chrome و Microsoft Edge. علينا فقط البحث عن رمز في نهاية شريط العناوين مع تطبيق التثبيت الأسطوري أو ما شابه.