قبل عشر سنوات ، كان يتعين على الشركات التي أرادت إنشاء مشاريع مشتركة أن تتعاون مع مختلف فرق التطوير والخبراء. ومع ذلك ، غير عام 2009 اللعبة ، لأن المطورين من Nitobi (اشتروها لاحقًا Apache)
قدموا Cordova - إطارًا جديدًا كان قادرًا على تحويل تطبيقات الويب إلى أنظمة محمولة. ربط المطورين واجهات برمجة التطبيقات للأجهزة عبر الإضافات ، يمكن للمطورين الوصول إلى الهواتف الذكية والأجهزة اللوحية. Cordova هي تقنية قائمة على جافا سكريبت ومتوافقة مع منصات مختلفة.
في هذا الدليل ، سنراجع ثلاثة أنظمة أخرى تعمل بنظام JS ، وننظر في ميزاتها الفريدة ومقارنتها.
تطبيقات الجوال: أنواع وميزات
ولكن لنبدأ ببعض الأشياء الأساسية. للمطورين ، لا يوجد سر أن التطبيقات يمكن أن تكون أصلية أو مختلطة. نريد أن نغطي بإيجاز ما تعنيه هذه المصطلحات وكيف تختلف.
التطبيقات الأصلية هي تلك التي تم إنشاؤها باستخدام لغة أصلية لمنصة واحدة محددة (مثل Kotlin - لنظام Android ؛ الهدف C - لنظام iOS). يعد تطوير منتجات البرامج الأصلية مكلفًا حيث يتعين عليك تصميم تطبيق جديد بالكامل لكل منصة على حدة. في الوقت نفسه ، يمكن أن تساعد هذه التطبيقات أنظمة معينة على تحقيق إمكاناتها الكاملة.
النوع الثاني هو التطبيقات الهجينة. كقاعدة عامة ، تعتمد على لغات موحدة ومتوافقة مع أنظمة التشغيل المختلفة. فهي أرخص في البناء حيث يمكنك استخدام مجموعة من الأدوات العالمية لجميع الأنظمة. ومع ذلك ، يتفاعل المستخدمون عادة مع التطبيقات المختلطة عبر WebView أو المستعرضات. وبالتالي ، فهي أبطأ ولا يمكنها أيضًا توفير تجربة المستخدم نفسها التي توفرها التطبيقات الأصلية ، لأنها تفتقر إلى ميزات خاصة بالنظام الأساسي.
نظرًا لأن المنتجات الهجينة تعتمد غالبًا على أطر عمل JS ، دعنا نتحقق منها واكتشف كيف يمكنهم المساعدة أثناء التطوير.
Onic
تم إطلاقه في عام 2013 وتم تصميمه لتصميم التطبيقات باستخدام تقنية بسيطة مثل JS و HTML5 و CSS. تعمل المنتجات التي تم إنشاؤها باستخدام Ionic مع المنصات المحمولة وسطح المكتب والمنصات عبر الإنترنت.
لاحظ أن هذه الأداة تركز على واجهة المستخدم بدلاً من الحلول الخلفية. لتطوير منتجات باستخدام Ionic ، لا تزال بحاجة إلى أدوات إضافية مثل Cordova للالتفاف على الكود. بالنسبة للوقت الحالي ، تم دمج المجموعة مع Angular ، بينما يتم تطوير ملحقات Vue و React.
يتم تشغيل البرامج التي تدعمها Ionic في متصفحات منخفضة المستوى وتستفيد من ميزات الجهاز مثل GPS أو الكاميرا. كمثال على تطبيقات Ionic ، نود تسليط الضوء على منتج MarketWatch الرسمي والنسخة التركية من تطبيق McDonald's.
Nativecript
تم إطلاق إطار عمل JS مفتوح المصدر التالي في وقت لاحق قليلاً عن أيوني.
أنشأ المؤلفون
NativeScript في عام 2014 بهدف تصميم تطبيقات أصلية من خلال JavaScript أو لغة موحدة أخرى مثل TypeScript. كما أنه يعمل مع الزاوي و Vue. المنتجات النهائية هي نفسها التي تم إنشاؤها عبر الأطر الأصلية. بالإضافة إلى ذلك ، يمكن للمطورين استخدام مكتبات الجهات الخارجية بدون أدوات التفاف الأكواد على الإطلاق.
لتحويل عناصر JS إلى عناصر يمكن فهمها بواسطة واجهات برمجة التطبيقات للأجهزة ، يستخدم NativeScript الجسور - أوقات التشغيل للتفاعلات بين الواجهات والرمز. من الناحية الفنية ، فمن الممكن بفضل JS Virtual Machines (مثل V8 لنظام Android و JavaScriptCore لنظام التشغيل iOS). من بين المنتجات المصممة باستخدام هذا الإطار ، يجب عليك التحقق من تطبيقات PUMA و Strudel.
الرد الأم
تم إطلاقه في عام 2013 ، لكنه أصبح مفتوحًا المصدر في عام 2015.
React Native هي أداة معروفة لإطلاق التطبيقات الأصلية ، وفقًا لمستخدمي GitHub. من الواضح أن النظام يعتمد على مكتبة React التي تركز على تصميم واجهات المستخدم ، لكن React Native لديها أيضًا العديد من الأدوات المصغرة التي تساعد المطورين على تقديم تجربة أصلية.
في الأساس ، يحول النظام الشفرة الخاصة بك إلى مجموعة من طرق العرض الأصلية للمنصات. دعنا نقول ، إنه يحول الوحدات النصية الأولية إلى UIView لنظام التشغيل iOS و TextView لنظام Android. وبالتالي ، يمكننا الحصول على التخطيط بالقرب من المخطط الأصلي بدلاً من تشغيل التطبيقات في طرق عرض المتصفح.
React Native شائع على نطاق واسع وحتى مطوري Facebook يستخدمونه (على سبيل المثال لإنشاء ميزات جديدة مثل Wellness Check). كذلك ، تستخدم الشركات الكبيرة مثل Bloomberg و Tesla و Vogue هذه الأداة.
جدول المقارنة
لقد حان الوقت لمقارنة الأنظمة الثلاثة الموصوفة للكشف عن النظام الأكثر ملاءمة.
1. سهولة الاستخدام والأداء
أولاً وقبل كل شيء ، يجب أن تجد الإطار الذي يلبي احتياجاتك بشكل مثالي. وهذا يعني أن الخيار يعتمد إلى حد كبير على الصناعة التي ترغب في دخولها. هكذا:
- أيوني رائع لتطبيقات الويب التقدمية ولديه أفضل إعادة استخدام. ببساطة ، فإنه يمثل فكرة الكتابة مرة واحدة ، تشغيل في كل مكان.
- تتعامل NativeScript مع التطبيقات الأكثر تعقيدًا مع التركيز على UX / UI ، لذلك من الرائع إنشاء تطبيقات الأجهزة المحمولة وغيرها من المنتجات.
- يتمتع React Native بأفضل أداء وهو مثالي للتطبيقات المعتمدة على السرعة. يحتوي على إعادة استخدام أسوأ ويتبع فكرة "تعلم مرة واحدة" ، اكتب في كل مكان.
2. الحاجيات
انتبه لهذه النقطة إذا كنت تريد تنفيذ إضافات مختلفة:
- أيوني. الكثير من التطبيقات والحاجيات بما في ذلك خرائط جوجل.
- ناتيفسكريبت يدعم العديد من الملحقات - هناك ما يقرب من 1000 منهم.
- الرد الأم. لا يوجد به سوق منفصل ، ولكنه يعمل بشكل جيد مع تطبيقات الجهات الخارجية.
3. الشعبية
بلا شك ، React Native هو الفائز عندما يتعلق الأمر بالشعبية. له 1700+ مساهم ، بينما ميزة Ionic و NativeScript 272 و 119 ، على التوالي. يفضل مجتمع المطورين استخدام React Native لمختلف المهام بغض النظر عن ضعف قابليته لإعادة الاستخدام.
4. صعوبة
هنا ، كل شيء يعتمد على الخلفية التقنية الخاصة بك. سيكون أيوني بسيطًا لكل شخص تقريبًا لأنه يوفر طريقة أكثر قابلية للفهم للترميز. كذلك ، هناك الكثير من الأدلة لقراءة حول هذا الإطار. NativeScript و React Native متشابهان إلى حد ما. إذا كنت تعرف JavaScript ، فسيكون من الأسهل البدء بهذه الأدوات.
أي إطار للاختيار؟
الكل في الكل ، يجب عليك تحديد متطلباتك بالضبط لتحديد أفضل أداة. على الرغم من أن هذه الأُطر تركز على إنشاء تطبيقات للهواتف الذكية / الأجهزة اللوحية ، إلا أن لها أساليب ومواصفات مختلفة. على سبيل المثال ، Ionic بسيط ومرن لكنه لا يستطيع التعامل مع المشاريع ذات متطلبات الرسومات المتقدمة. يتميز React Native بالأداء العالي حقًا ولكنه يفرض عليك تصميم واجهة مستخدم جديدة لكل منصة. أخيرًا ، NativeScript سريع نسبيًا ولكن التطبيقات تتطلب مساحة كبيرة على جهازك. اختر بحكمة!