كوردوفا

كوردوفا

م.وجدان ياسين
2021-02-27T18:10:31+04:00
تطبيقات
م.وجدان ياسين27 يناير 2021121 مشاهدةآخر تحديث : منذ 4 أشهر

كوردوفا، نعلم أن إنشاء تطبيقات أصلية يتطلب معرفة متخصصة قابلة للتطبيق على الجهاز الذي تقوم بتطويره مثل: Java لنظام Android و Swift لنظام iOS.
ومع ذلك، هناك أوقات قد لا يكون فيها إنشاء تطبيق محلي هو الحل الأفضل، وهنا يأتي دور  كوردوفا، قم بتثبيت كوردوفا، وفهم كيفية إنشاء تطبيقات الموبايل.


أسباب اختيار كوردوفا

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

اقرأ أيضا: ” الربح من التطبيقات


ما هي كوردوفا؟

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

اقرأ أيضا: “إنشاء حساب مطور جوجل بلاي وأبل


كيفية إنشاء تطبيقات الموبايل من البداية إلى النهاية

سنتعلم كيفية إنشاء تطبيقات الموبايل باستخدام تطبيق كوردوفا، وإنشاء تطبيق بسيط يعمل على جهاز Android باستخدام Android Studio، خطوة بخطوة.


القسم 1: تثبيت كوردوفا CLI (واجهة سطر الأوامر)

كوردوفا CLI هي واجهة سطر أوامر تبسط عملية إنشاء تطبيقات كوردوفا جديدة على النظام الذي تختاره. لأغراض إدخال المدونة، سنقوم بتثبيت CLI على نظام Windows 8.1، لتطوير Android، لديك خيار استخدام Windows أو Linux أو Apple.
تحميل CLI على مربع Windows 8.1 .

 تثبيت Node.js

سنقوم بتثبيت Node.js على نظامنا للمساعدة في تثبيت Cordova CLI.
يوصف Node.js بأنه نظام أساسي مبني على وقت تشغيل JavaScript في Chrome لبناء تطبيقات شبكة سريعة وقابلة للتطوير بسهولة.
سنستخدم Node.js لأنه يأتي مع NPM (مدير حزمة العقدة)، والذي سيسمح لنا بتثبيت كوردوفا CLI بسهولة.
توجه إلى الصفحة الرئيسية لـ Node.js وانقر على زر التثبيت لبدء تنزيل ملف msi الخاص بتثبيت العقدة.
يجب أن يكون لديك الآن node-v #. ##. # – ملف x64.msi حيثما يتم حفظ التنزيلات الخاصة بك. ملاحظة، الإصدار الذي قمت بتنزيله كان v0.12.3 وهو إصدار 64 بت لأن مربع Windows 8.1 الخاص بي هو 64 بت.
قد يختلف الإصدار الذي تقوم بتنزيله بناءً على الإصدار الحالي من العقدة والنظام الذي تقوم بالتنزيل منه.
أثناء التثبيت، يرجى التأكد من تثبيت مدير حزمة العقدة بالإضافة إلى خيار الإضافة إلى PATH، يجب تحديدها للتثبيت افتراضيًا.
بعد انتهاء تثبيت Node.js ، نكون جاهزين لتثبيت Cordova CLI

قم بتثبيت Cordova CLI

افتح موجه الأوامر بالنقر فوق زر بدء windows وكتابة “cmd”. سترى خيار موجه الأوامر ولموجه أوامر Node.js حدد إما لأن كلاهما سيعمل. في نافذة موجه الأوامر، ستحتاج إلى الكتابة.

npm install -g cordova

لكن سيؤدي هذا إلى تثبيت أحدث إصدار من كوردوفا CLI عالميًا (-g). يجب أن يستغرق التثبيت دقيقة واحدة فقط أو نحو ذلك. بعد التثبيت، يجب أن تكون قادرًا على كتابة الأمر التالي لمعرفة إصدار CLI الذي تم تثبيته.
يجب أن ترى شيئًا مشابهًا لما يلي والذي يشير في حالتي إلى أن لديّ الإصدار 5.0.0 من CLI مثبت:

نحن الآن جاهزون لاستخدام Cordova CLI لإنشاء تطبيق جديد.


القسم 2: إنشاء التطبيق

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

 كيفية إنشاء تطبيقات الموبايل  باستخدام CLI

جزء من جمال استخدام CLI لإنشاء تطبيقك هو أنه سيؤدي معظم العمل نيابة عنك.
في هذا المثال، قمت بإنشاء الدليل c: \ HelloCordova في مستكشف الملفات وهذا هو المكان الذي سأقوم فيه بإنشاء التطبيق. في نفس موجه الأوامر، ستحتاج إلى الانتقال إلى الدليل حيث تريد إنشاء التطبيق الجديد.

cd c: \ HelloCordova

في العالم الحقيقي، قد ترغب في إنشاء هذا الدليل حيث تحتفظ بالتحكم بالمصادر، أو إنشاء مجلد وربط المستودع الخاص بك بهذا الدليل.
نحن الآن جاهزون لإنشاء التطبيق.
في هذا المثال، سنقوم بإنشاء برنامج بسيط يسمى HelloWorld والذي سيتم بناؤه في دليل يسمى Hello.
في موجه الأوامر الخاص بك، اكتب الأمر التالي:

cordova create hello com.example.hello HelloWorld

يخبر الأمر أعلاه CLI من كوردوفا  بإنشاء تطبيق جديد يسمى HelloWorld في دليل يسمى Hello. يعد com.example.hello مجرد معرف فريد للتطبيق الموجود في تدوين نمط المجال العكسي. إذا فتحت مستكشف ملفات إلى دليل Hello الجديد، فسترى شيئًا مثل هذا:

hello directory
hello directory

ألق نظرة في المجلد الفرعي www. سترى المجلدات الموجودة هنا لملفات css والصور (img) وملفات JavaScript (js). بالإضافة إلى ذلك سترى ملف index.html. هذا هو الملف الذي سيتم تشغيله لأول مرة عند تحميل التطبيقات على جهاز محمول.
عند إنشاء تطبيقاتك الخاصة في كوردوفا، فإنك ستتجاوز الملفات الموجودة بملفاتك الخاصة.
لا يتعين عليك الاحتفاظ بنفس بنية المجلد الموجودة في مجلد www. فقط كن على دراية بأن ملف index.html الخاص بك يجب أن يشير إلى css والصور وجافا سكريبت الداعمة بناءً على بنية المجلد الخاص بك. ألق نظرة على ملف index.html الافتراضي في محرر النصوص المفضل لديك للحصول على فكرة عن كيفية القيام بذلك. لاحظ أنه هو بالضبط نفس الشيء الذي كنت ستفعله إذا كنت تبني موقع الويب الخاص بك.
نحن الآن جاهزون لتثبيت كوردوفا Android Studio


القسم 3: تثبيت  كوردوفا Android Studio

Android Studio هو بيئة تطوير Google لبناء تطبيقات Android. تم إصداره لأول مرة كإصدار 1.0 في ديسمبر 2014. قبل مقدمة Android Studios، كان من الشائع استخدام Eclipse وحزمة ADT لتطوير تطبيقات Android. تتمثل خطوتنا الأولى في تشغيل Android Studio في التأكد من تثبيت Java Development Kit على جهاز Windows الخاص بنا.

 التأكد من تثبيت Java Development Kit) JDK) 

من المتطلبات الأساسية لـ Android Studio هو Java Development Kit. مطلوب JDK 6 أو أعلى، إذا كنت تخطط لتطوير الإصدار 5.0 من Andriod أو أعلى، فستحتاج على الأقل الإصدار 7. JDK لتنزيل أحدث إصدار من JDK، انتقل هنا، في هذه الصفحة سترى زر تنزيل Java، انقر فوق هذا الزر وسيتم نقلك إلى صفحة أخرى تسرد خيارات تنزيل JDK المتاحة. اختر الإصدار الذي يناسبك من Windows.
في حالتي، أستخدم Windows 8.1 64bit لذا سأقوم بتنزيل إصدار Windows x64، سيتعين عليك قبول اتفاقية الترخيص قبل أن تتمكن من التنزيل.
بعد تنزيل ملف JDK exe، نحن جاهزون للتثبيت.

 تثبيت  كوردوفا JDK

استعرض للوصول إلى دليل التنزيل وانقر على ملف jdk- [الإصدار] -windows-x [bit] .exe للتثبيت. يجب أن يكون اختيار جميع القيم الافتراضية جيدًا، إلا إذا كنت تريد التثبيت في دليل مختلف.
نحن الآن جاهزون لتنزيل Android Studio.

كيفية إنشاء تطبيقات الموبايل
Java installation

تنزيل Android Studio

 يمكن العثور على أحدث إصدار من Android Studio هنا على. ستحتاج إلى النقر فوق الزر تنزيل Android Studio الأخضر، وقبول الشروط والأحكام، ثم النقر فوق الزر تنزيل Android Studio for Windows. حجم التنزيل أقل بقليل من 900 ميجابايت.
بعد تنزيل ملف exe android-studio-bundle، نحن جاهزون للتثبيت.

android studio
android studio

تثبيت Android Studio

انتقل إلى دليل التنزيل وانقر نقرًا مزدوجًا على ملف android-studio-bundle- [الإصدار] -windows.exe. سيؤدي ذلك إلى إظهار معالج التثبيت الذي سيرشدك خلال عملية التثبيت، أوصي باستخدام التحديدات الافتراضية في كل شيء، إلا إذا كنت ترغب في تغيير موقع التثبيت.
عند اكتمال التثبيت، ستوفر الشاشة النهائية للمعالج خيار تشغيل Android Studio.


القسم 4: إنشاء كود منصة Andriod في كوردوفا

أحد الأشياء الرائعة في كوردوفا هو قدرته على إنشاء الكود اللازم للتشغيل على أي من الأنظمة الأساسية المدعومة.
لا يحتاج المطورون إلى إنشاء كود المشروع للتحميل في Android Studio، ولا يحتاجون إلى معرفة كيفية إنشاء مشروع xCode لإنشاء تطبيقات iOS، يمتلك كوردوفا CLI القدرة على القيام بهذا العمل نيابة عنك.

استخدم كوردوفا CLI لإنشاء رمز منصة Android

الآن وبعد تثبيت Android Studio، نحن جاهزون لاستخدام CLI لإنشاء رمز نظام Android الأساسي.
افتح موجه الأوامر وانتقل إلى الدليل حيث تم إنشاء تطبيق HelloWorld الجديد، قبل أن نتمكن من تحميل الكود إلى Android Studio، نحتاج أولاً إلى إنشاء تطبيق منصة Android باستخدام Cordova CLI.
اكتب ما يلي في موجه الأوامر لإنشاء رمز النظام الأساسي لنظام Android:

كوردوفا platform add android

سيؤدي هذا إلى إنشاء دليل جديد في مجلد الأنظمة الأساسية لمشروع HelloWorld. إذا فتحت مستكشف الملفات وحفرت في مجلد Android في دليل الأنظمة الأساسية، فسترى ما يلي:

تطبيق كوردوفا كيفية إنشاء تطبيقات الموبايل
android platform

إذا تعمقت في الأصول ثم مجلد www، فسترى الكود الأصلي بما في ذلك index.html و css و img و و js. عندما نقوم بتحميل رمز النظام الأساسي هذا في Android studio، فسيتم تشغيل هذا عندما يتم تحميل التطبيق، نحن الآن جاهزون للقيام بذلك.


القسم 5: استخدام Android Studio لإنشاء وتحميل Android APK

Android Studio هو الآن IDE الرسمي لتطوير Android، سنستخدم Android Studio لإنشاء ملف APK لتطبيق Cordova HelloWorld ثم نقوم بتحميله على هاتف Android.

بدء Android Studio لأول مرة

خطوتنا الأولى هي تشغيل Android Studio. في نظام التشغيل windows 8.1، انتقل إلى شاشة البدء واكتب “Android Studio” وحدد Android Studio لبدء التطبيق.
بعد تحميل التطبيق، سترى مربع حوار يظهر بعنوان “التثبيت الكامل”. لديك خيار استيراد الإعدادات الحالية من تثبيت سابق، أو عدم الاستيراد نظرًا لعدم تحميل إصدار سابق من Studio. نظرًا لأنني لم أحمل Android Studio من قبل، سأختار عدم استيراد أي شيء وانقر فوق موافق.
سترى مرة أخرى شاشة بدء Android Studio مع ملء شريط التحميل. قد تحتاج إلى السماح بالوصول إلى الملف القابل للتنفيذ لجدار حماية Windows. سيُطلب منك بعد ذلك تحديد سمة واجهة المستخدم لـ Android Studio. حدد أيهما يجعلك سعيدًا وانقر فوق التالي.

 تحميل المشروع في Android Studio

هنا لدينا العديد من الخيارات للاختيار من بينها. في حالتنا، لدينا بالفعل مشروع تم إنشاؤه لنا بواسطة Cordova CLI في دليل الأنظمة الأساسية / android. انطلق وحدد الخيار “استيراد مشروع (Eclipse ADT ، Gradle ، إلخ)”.
سيتم الترحيب بك بعد ذلك من خلال مربع حوار حيث يجب عليك تحديد موقع المشروع المراد استيراده. يجب عليك تحديد رمز منصة android الذي تم إنشاؤه من CLI والموجود في حالتي على:

“C: \ HelloCordova \ hello \ platform \ android”.

حدد المجلد الصحيح الخاص بك وانقر فوق موافق.
بعد فترة وجيزة سترى مربع حوار آخر بعنوان “Gradle Sync”. انقر فوق “موافق” للسماح بتكوين غلاف Gradle لك. سيستمر Android Studio في العمل قليلاً (قد يستغرق عدة دقائق). بعد ذلك ، سيتم تحميل Android Studio بالمشروع.
افتح مجلد Android الموجود ضمن مجلد CordovaLib. سترى مجموعة أخرى من المجلدات بما في ذلك الأصول. افتح ذلك وسترى مجلد www. افتح هذا المجلد وسترى مجلدات index.html و css و img و js المألوفة.

 إنشاء مشروع  كوردوفا في Android Studio

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

كيفية إنشاء تطبيقات الموبايل
android studio start up

قم بتوصيل هاتف الاختبار الخاص بك بجهاز windows عبر كابل شحن USB.
تهانينا! لقد قمت للتو بإنشاء تطبيق كوردوفا وتشغيله على جهاز Android الخاص بك!
خطوتنا التالية هي إجراء تعديل طفيف على تطبيق كوردوفا والمضي قدمًا خلال عملية إدخال هذه التغييرات في Android Studio.

القسم 6: إجراء تغيير وإعادة بناء نظام Android الأساسي

من أجل التعرف على كيفية عمل عملية التطوير لتطبيق كوردوفا، فلنقم بإجراء تغيير بسيط. بعد ذلك، يمكننا أن نرى هذا التغيير في Android Studi، وأخيرًا على الهاتف.

 تعديل ملف index.html

عند إجراء تغييرات على كود HTML الخاص بنا (أو css / Javascript)، فإننا نريد القيام بذلك في مجلد التطبيق الأصلي الخاص بنا حتى تحدث التغييرات في جميع مجلداتك الفرعية. قد تعتقد أنه سيكون من الأسهل إجراء تغييراتك في مجلد الأنظمة الأساسية / Android ولكن هذا ليس هو الحال. تخيل لو كان لدينا أكثر من منصة واحدة ، على سبيل المثال Android و iOS و Windows Phone. إذا أجرينا تغييراتنا في مجلد الأنظمة الأساسية / Android ، فلن تظهر هذه التغييرات في نظامي التشغيل iOS و Windows Phone.
لذلك دعونا نجري تعديلًا صغيرًا على ملف index.html الخاص بنا في مجلد كوردوفا الأصل والموجود في حالتي في C: \ HelloCordova \ hello \ www. افتح ملف index.html في محرر النصوص وابحث عن النص “الجهاز جاهز”. عندما تجد ذلك ، أضف “to Go!” بعد ذلك ينتهي بك الأمر بـ “الجهاز جاهز للعمل!”. نحن الآن جاهزون لإعداد منصة Android الخاصة بنا.

 الحصول على التغييرات في رمز نظام Android الأساسي

لرؤية التغيير في مجلد index.html الرئيسي في النظام الأساسي / مجلد Android ، نحتاج إلى استخدام CLI لإعداد نظام Android الأساسي. افتح موجه الأوامر وانتقل إلى المجلد الجذر لتطبيق Hello. في حالتي، هذا هو C: \ HelloWorld \ hello.

في موجه الأوامر ، اكتب ما يلي:

كوردوفا إعداد android

سيؤدي هذا إلى نسخ التغييرات التي أجريناها في دليل الأنظمة الأساسية / Android ، والذي يجب أن يظهر بدوره في Android Studio الخاص بنا. نحن الآن جاهزون لإعادة بناء تغييراتنا في Android Studio

 بناء المشروع في Android Studio

افتح استوديو Android وابحث في مجلد الأصول / www لملف index.html. انقر نقرًا مزدوجًا فوق هذا الملف ، وسيظهر في محرر Android Studio. قم بالتمرير لأسفل قليلاً، وسترى ما يلي:

تطبيق كوردوفا
device ready

ملاحظة لقد أبرزت التغيير الذي أجريناه،  اضغط على زر التشغيل الأخضر في Android Studio لإعادة بناء المشروع.
عندما يظهر مربع حوار اختيار الجهاز، اختر هاتفك مرة أخرى.

اقرأ أيضا: ” كيفية إنشاء صفحات الهبوط


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

موقع السوق

عذراً التعليقات مغلقة