المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : شرح الكوردوفا Cordova رفع و تركيب و بناء و تثبيت التطبيق



Rise Company
16-07-2017, 01:58
حصريا شرح تثبيت الكوردوفا cordova - خطوات بناء و تشغيل و تركيب المنصة كاملا 2017
شرح الكوردوفا Cordova

https://www.rise.company/forum/images/imported/2017/07/54.png

اول خطوة هى ان تقوم بتثبيت برنامج Node.js (https://nodejs.org/en/download/) حيث جميع الاوامر التى ستنفذ ستكون من خلاله و بعد تثبيت البرنامج قم بفتح Node.js command prompt ثم ستبدا مرحلة كتابة الاوامر و التى كل منها لها مسار محدد يمكنك تغييره من خلال امر cd وهو امر change directory و الذى ساقوم بتغييره للوصول الى الجذر c ثم الدخول على المجلدات من نفس الامر. و ثانى خطوة هى تثبيت Java (http://www.oracle.com/technetwork/java/javase/downloads/index-jsp-138363.html#javasejdk) و التى تحتوى بداخله على JDK و ثالث خطوة هى تثبيت Android Studio (https://developer.android.com/studio/index.html) نسخة الكاملة حيث تحتوى بداخله على SDK و Emulator .

--------------------------------------------------------------
1- تثبيت cordova
--------------------------------------------------------------

اكتب الامر التالى فى اى مسار


npm install -g cordova

بعد التثبيت ستجده داخل C:\Users\rise\AppData\Roaming\npm\cordova

https://www.rise.company/forum/images/imported/2017/07/77.png
للتنظيم: تم عمل فولدر داخل c باسم riseapp ثم بداخله تم عمل فولدر risecordova
ومن خلال الاوامر فى الاعلى سيتم انشاء فولدر داخل app1 وبداخله ملفات التطبيق الخاص





الامر الاخير فى الصورة يكتب كالاتى :

cordova create hello com.example.hello HelloWorld

1. hello = اسم المجلد الذي سوف يحتوى على المشروع " تم وضع مكانه app1 "
2. com.example.hello = معرف المشروع ويجب اختيار معرف فريد لكل تطبيق " تم وضع مكانه رابط التطبيق من مقطعين فقط "
3. HelloWorld = اسم المشروع ويفضل تحديد الاسم من هنا " تم وضع مكانه اسم التطبيق بدون مسافة "

بعد تنفيذ الامر السابق سوف يظهر 4 مجلدات داخل app1

1. hooks
2. platforms = هو الملف الذي يحتوى على منصات العمل وهو الذى يخرج في المشروع بعد الانتهاء
3. plugins = مجلد الاضافات وهو يحتوى على جميع الاضافات التى تقوم بتثبيتها
4. www = هو مجلد التطبيق الذي انت تقوم بانشائه

--------------------------------------------------------------
2- تثبيت منصه (platform)
--------------------------------------------------------------

اكتب الامر التالى فى مسار app1


cordova platform add android
او

cordova platform add ios

بعد التثبيت ستجده داخل مجلد platforms فى app1

https://www.rise.company/forum/images/imported/2017/07/78.png

انواع المنصات (platforms type)


يوجد العديد من المنصات التي يمكنك العمل عليها من نفس الكود الخاص بك ومن خلال امر واحد فقط

1. android وهو الاشهر في العالم العربي والعديد من شركات الهواتف الذكيه تستخدم هذا النظام وهذا النظام من قبل شركه جوجل متطلباتها : JDK + apache ant + Eclipse



2. ios هو من شركه ابل العالميه وهو نظام تشغيل الهواتف الذكيه لهذه الشركه متطلباتها : mac + xcode


--------------------------------------------------------------
3- بناء التطبيق APK
--------------------------------------------------------------

اكتب الامر التالى فى مسار app1


cordova build

بعد البناء ستجده فى المسار C:\riseapp\risecordova\app1\platforms\android\buil d\outputs\apk

--------------------------------------------------------------

4- تشغيل المنصة / التطبيق
--------------------------------------------------------------

اكتب الامر التالى فى مسار app1

cordova run android
او

cordova run ios

بعدها سيظهر لنا محاكي للمحمول حيت سنشاهد ونجرب تطبيقاتنا على الشكل التالي :

https://www.rise.company/forum/images/imported/2017/07/79.png
سيتطلب العمل وجود ايميلتور AVD وهو Android Virtual Device يتم تفعيله من خلال برنامج Android Studio

https://www.youtube.com/watch?v=3UNlzsfTqi4

--------------------------------------------------------------
5- التحقق من المتطلبات Requisites
--------------------------------------------------------------
اكتب الامر التالى فى اى مسار


cordova requirements

للتحقق من الربط الصحيح بـ SDK و JDK و Gradle

--------------------------------------------------------------
6- المرجع :
--------------------------------------------------------------

https://cordova.apache.org/docs/en/latest/guide/cli/index.html


جميع الاكواد فى المرفقات