كل شيء عن تطبيقات الويب التقدمية وتطبيقها في دروبال 9

نشرت: 2020-10-20

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

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

ميزات تطبيقات الجوال الأصلية

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

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

لا تعتمد على النظام الأساسي. كل ما تحتاجه هو متصفح للوصول إليهم. يدعم معظم المتصفحات الحديثة. لا تحتاج إلى التحميل.
لا يوجد SDK خاص لتطويرها. تم تطوير الواجهة الأمامية باستخدام HTML و CSS و JavaScript و LAMP أو مكدس MEAN للواجهة الخلفية.
لا حاجة للترقية. تكاليف تطوير وصيانة أقل.
على الرغم من أنه يحتاج إلى مصادقة ، إلا أن الأمان يمثل مشكلة لأنه قد يكون عرضة للوصول غير المصرح به.
إنها لا تعمل في وضع عدم الاتصال ويمكن أن تكون أبطأ من تطبيقات الأجهزة المحمولة الأصلية.
لم يتم إدراجها في متاجر التطبيقات ، لذا قد يكون اكتشافها أكثر صعوبة.

ما هي تطبيقات الويب التقدمية وكيف تملأ الفراغ؟

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

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

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

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

قبل الحديث عن وحدة PWA في دروبال ، دعونا نلقي نظرة على الحد الأدنى من المتطلبات لبناء PWA -

يجب تشغيله عبر HTTPS.
يجب أن يتضمن عامل خدمة - عامل الخدمة عبارة عن برنامج نصي (جافا سكريبت) يعمل عبر https على المتصفح ويوفر الوصول إلى المتصفح. يوفر ميزات شبيهة بالتطبيقات الأصلية مثل تسليم المحتوى في وضع عدم الاتصال وإشعارات الدفع وما إلى ذلك.
يجب أن يكون لديك تطبيق Web App Manifest - وهو ملف JSON يحتوي على بيانات وصفية مع معلومات حول تطبيق الويب مثل الاسم والوصف والمؤلف والمزيد. هذا مفيد أيضًا لتحسين محرك البحث.

وحدة PWA Drupal - كيفية إنشاء تطبيقات ويب تقدمية باستخدام دروبال 9 (و 8)

من السهل تثبيت وحدة Drupal PWA ، وهي تأتي مع عامل الخدمة (للتخزين المؤقت وإمكانيات أخرى شبيهة بالتطبيقات غير المتصلة بالإنترنت) و Manifest.js التي يمكنك تهيئتها. ومع ذلك ، ستحتاج إلى التأكد من تثبيت SSL قبل البدء في عملية تثبيت PWA. إذا كانت متطلباتك محددة للغاية مع وجود عدد كبير من التخصيصات ، فيمكنك تطوير PWA باستخدام أطر عمل أمامية مثل Angular أو React وتخصيص عامل الخدمة الخاص بك.

تثبيت وحدة PWA دروبال 9

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

قم بتثبيت الوحدة عن طريق تنزيل وحدة PWA دروبال وتمكينها.
بالنسبة لـ Drupal 9 ، قم بتطبيق هذا التصحيح
بمجرد الانتهاء ، انتقل إلى التكوين -> PROGRESSIVE WEB APP -> إعدادات PWA وأضف المعلومات المطلوبة.

عامل الخدمة

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

Manifest.json

ملف manifest.json Drupal هو ما يسمح للمستخدمين بإضافة PWA إلى شاشتهم الرئيسية. يحتوي على تكوينات يمكنك تعديلها لتغيير طريقة عمل PWA - مثل الاسم واسم العرض ولون الخلفية والاتجاه والمزيد.

ستتم إضافة الملف إلى علامة الرأس لصفحة الفهرس الخاصة بك.
<link rel = "manifest" href = "/manifest.json">

توضح الصورة أدناه خيار "إضافة إلى الشاشة الرئيسية". عند تحديد هذا الخيار ، سيتم إنشاء رمز على الشاشة الرئيسية.