PWA vs Electron: A Deep Dive

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

لمساعدتك بشكل أفضل على تتبع كل هذه التقنيات الجديدة ، سنقارن اليوم في مقالة SimiCart بين الاثنين - Electron و PWA ، بأكثر الطرق شمولاً.

ما هو PWA؟

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

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

ما هو الإلكترون؟

بالمقارنة مع PWA ، فإن Electron متشابهة من نواح كثيرة لأنها تستخدم أيضًا تقنيات الويب - مثل HTML و CSS و JavaScript - للتعامل بشكل أفضل مع التحدي عبر الأنظمة الأساسية. ومع ذلك ، على عكس PWA ، يمكن تحويل التطبيقات التي تعمل بالإلكترون إلى تطبيقات سطح مكتب تعمل بكامل طاقتها ، نظرًا لاستخدامها لواجهات برمجة التطبيقات الأصلية ومحرك عرض Chromium . في الواقع ، إنها عملية للغاية لدرجة أنه في كثير من الأحيان لا يمكن تمييزها عن تطبيقات سطح المكتب الأصلية ، وكان من الممكن أن تصادف أحدها دون أن تعرف أنه قائم على الإلكترون - على سبيل المثال ، من المحتمل أن تكون بعض تطبيقاتك الأساسية قائمة على الإلكترون ، بما في ذلك Skype و Slack و Discord و Visual Studio Code.

ألا يبدو صوت الإلكترون أفضل؟

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

عند طلب مدخلات من مطورين ذوي خبرة لكل من Electron و PWA ، لاحظنا الأنماط التالية:

• التوفر : نظرًا لأن التطبيقات المستندة إلى Electron هي إلى حد كبير إصدار هجين من تطبيقات سطح المكتب ولا يمكن تثبيتها على الإطلاق على الأجهزة المحمولة ، فإن PWA لها اليد العليا في كونها متاحة على أي جهاز تقريبًا يحتوي على متصفح متوافق مع PWA.
• الأداء : يجب أن يشعر التطبيق المستند إلى الإلكترون ، عند القيام به بشكل صحيح ، بالسرعة وخفة الوزن مثل تطبيق النص - ولكن هذا ليس أفضل أداء يمكنك الحصول عليه. تتمثل إحدى الميزات المعروفة لـ PWA في أنه يمكنك تحقيق أداء أفضل (مقارنةً بالإلكترون) عند التحميل الأول ، ووقت تحميل شبه فوري على أحمال إضافية نظرًا لأن كل شيء يتم تخزينه مؤقتًا أثناء التنقل ، ويمكن بدلاً من ذلك نقل جزء كبير من حمل JavaScript إلى عمال الخدمة الذين يعتبرون جزءًا لا يتجزأ من PWA.
• التحديث : كما نعلم جميعًا ، يعد التحديث (والنشر بشكل عام) مشكلة كبيرة للتطبيقات الأصلية من أي نوع - والإلكترون ليست استثناء. يمكن تجنب ذلك عن طريق اختيار نهج PWA الذي يمكن أن تحدث به عملية التحديث بأكملها على جانب الخادم ، وبالتالي تخفف عن عملائك عملية تثبيت التحديثات.
• الحجم : بينما يزن الإلكترون أقل من تطبيقات سطح المكتب النموذجية ، إلا أنه لا يزال أثقل بكثير من PWA. من الصعب العثور على تطبيق Electron يقل وزنه عن 50 ميجابايت ، في حين أن معظم تطبيقات PWA أقل من 1 ميجابايت.
• الأمان : يكون PWA أفضل عندما يتعلق الأمر بالأمان لأنه يعتمد كليًا على الاتصالات الآمنة (HTTPS) التي يحتفظ بها جانب المستعرض ، بينما يتعين على Electron ، كونه تطبيق ويب ملفوفًا في حاوية تطبيق أصلي ، أن يفعل كل شيء يدويًا بنفسه.

لماذا تزداد شعبية PWA أكثر من أي وقت مضى

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

الإلكترون بدون كل عيوبه

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

 شاهد المزيد: 
Desktop PWA - مستقبل تسليم البرامج
PWA لـ Magento 2

Omnichannel

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

متى تختار الكترون

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

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

كلمات التفاف

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

اقرأ أكثر:
PWA مقابل Flutter: مقارنة مفصلة

كل ما تحتاج لمعرفته حول تطبيقات الويب التقدمية

تطبيقات الويب التقدمية: 12 مثالًا من العلامات التجارية الحقيقية لإلهامك

Magento PWA Studio: مقارنة مفصلة مع Vue Storefront