كيفية تثبيت تطبيقات الويب التقدمية (PWAs) في Google Chrome

بداية من هذا الأسبوع ، ستتمكن من تثبيت PWA (تطبيق الويب التقدمي) على سطح المكتب من خلال Chrome 70 بنقرة زر واحدة. ما هو PWA؟ ولماذا هذا شيء جيد؟

كيفية تثبيت تطبيقات الويب التقدمية (PWAs) في Google Chrome - شروحات

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

تطبيق الويب التقدمي (PWA) هو تطبيق ويب يقدم لمستخدميه تجربة كتلك التي يستخدمونها على هواتفهم. بعض الأساسيات حول PWAs هي:

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

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

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

يمكن استخدام تطبيقات الويب التقدمية عبر الإنترنت وفي وضع عدم الاتصال وفي المناطق ذات الاتصال المحدود.

كيفية تثبيت تطبيقات الويب التقدمية (PWAs) في Google Chrome - شروحات

لماذا يجب عليك استخدام PWAs؟

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

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

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

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

كيفية تثبيت تطبيقات الويب التقدمية (PWAs) في Google Chrome - شروحات

كيفية تثبيت PWAs

يمكنك تثبيت هذه التطبيقات على شاشتك الرئيسية دون إزعاج متجر التطبيقات للعثور عليها وتنزيلها.

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

عندما تكون على موقع ويب يقدم PWA ، انقر فوق رمز القائمة في الزاوية العلوية اليمنى.

كيفية تثبيت تطبيقات الويب التقدمية (PWAs) في Google Chrome - شروحات

حدد “تثبيت [اسم التطبيق]” لتثبيته.

على سبيل المثال ، إذا قمت بالوصول إلى موقع Twitter Mobile ، فانقر فوق “menu> Install Twitter”.

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

انقر فوق “تثبيت” عند ظهور مربع الحوار الإذن لتثبيت.

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

كيفية تثبيت تطبيقات الويب التقدمية (PWAs) في Google Chrome - شروحات

إذا قررت إلغاء تثبيت تطبيق الويب التقدمي ، فما عليك سوى النقر على النقاط الرأسية الثلاثة في الجزء العلوي والنقر على “إزالة [اسم التطبيق]”.

كيفية تثبيت تطبيقات الويب التقدمية (PWAs) في Google Chrome - شروحات

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

زر الذهاب إلى الأعلى