النتائج 1 إلى 1 من 1
  1. #1
    Status
    Offline
    الصورة الرمزية Rise Company
    Engineering and Technology
    تاريخ التسجيل
    Apr 2014
    الدولة
    Egypt
    العمر
    29
    المشاركات
    2,447
    معدل تقييم المستوى
    10

    افتراضي شرح الفون جاب Phone Gap رفع و تركيب و بناء و تثبيت التطبيق


    شرح وافى لرفع و تركيب و بناء تطبيق على الفون جاب Phone Gap
    شرح الفون جاب Phone gap



    اول خطوة هى ان تقوم بتثبيت برنامج Node.js حيث جميع الاوامر التى ستنفذ ستكون من خلاله و بعد تثبيت البرنامج قم بفتح Node.js command prompt ثم ستبدا مرحلة كتابة الاوامر و التى كل منها لها مسار محدد يمكنك تغييره من خلال امر cd وهو امر change directory و الذى ساقوم بتغييره للوصول الى الجذر c ثم الدخول على المجلدات من نفس الامر. و ثانى خطوة هى تثبيتJava و التى تحتوى بداخله على JDK و ثالث خطوة هى تثبيت Android Studio نسخة الكاملة حيث تحتوى بداخله على SDK و Emulator .

    --------------------------------------------------------------
    1- تثبيت Phone Gap
    --------------------------------------------------------------

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

    كود:
    npm install -g phonegap

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


    هام : نفس الاوامر فى تلك الصورة كما هى بالضبط تعمل ولكن بدلا من كلمة cordova ضع مكانها phonegap

    للتنظيم: تم عمل فولدر داخل c باسم riseapp ثم بداخله تم عمل فولدر risephonegap
    ومن خلال الاوامر فى الاعلى سيتم انشاء فولدر داخل app1 وبداخله ملفات التطبيق الخاص

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

    كود:
    phonegap 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 = هو مجلد التطبيق الذي انت تقوم بانشائه
    برنامج الفون جاب لانشاء التطبيقات PhoneGap Desktop application

    قدمت شركة فون جاب برنامج يقوم بانشاء تطبيق دون الحاجة الى كتابة اكواد يمكنك تحميله من هنا
    https://phonegap.com/getstarted/


    هذا البرنامج ينزل على الكمبيوتر لانشاء تطبيق و هناك برنامج اخر ينزل على الموبايل للعرض عليه



    كما يمكنك الاطلاع عليه من خلال المتصفح بكتابة localhost الخاص بك

    خطوات تسطيب البرنامج من هنا
    http://docs.phonegap.com/getting-sta...negap/desktop/

    صور للبرنامج :









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

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

    كود:
    phonegap platform add android
    او

    كود:
    phonegap platform add ios
    بعد التثبيت ستجده داخل مجلد platforms فى app1


    هام : نفس الاوامر فى تلك الصورة كما هى بالضبط تعمل ولكن بدلا من كلمة cordova ضع مكانها phonegap

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

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

    --------------------------------------------------------------
    3- بناء التطبيق APK
    --------------------------------------------------------------
    هناك طريقتين الاولى من خلال كود و الاخرى من خلال برنامج يوفر عليك تلك الخطوات

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

    كود:
    phonegap build

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

    هام فى الرابط التالتى حل مشكلة قد تواجهك
    حل مشكلة cannot find gradle wrapper within android sdk

    هناك طريقة اخرى لبناء التطبيق من خلال موقع سحابى لفون جاب يحول اى ملف يرفع له مضغوط بصيغة zip الى ملف apk

    الشروحات:

    شرح الفون جاب بيلد Phone Gap Build رفع و تركيب و بناء و تثبيت التطبيق
    بناء تطبيق بالفون جاب بيلد Phone Gap build و اضافة Plugins

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

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

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

    كود:
    phonegap run android
    او
    كود:
    phonegap run ios

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


    هام : نفس الاوامر فى تلك الصورة كما هى بالضبط تعمل ولكن بدلا من كلمة cordova ضع مكانها phonegap

    سيتطلب العمل وجود ايميلتور AVD وهو Android Virtual Device يتم تفعيله من خلال برنامج Android Studio

    --------------------------------------------------------------
    5- التحقق من المتطلبات Requisites
    --------------------------------------------------------------

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

    كود:
    phonegap requirements
    للتحقق من الربط الصحيح بـ SDK و JDK و Gradle

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

    https://phonegap.com/getstarted/

    http://docs.phonegap.com/

    جميع الاكواد فى المرفقات
    الملفات المرفقة الملفات المرفقة
    ------------------------------------------------------------------------
    شركة رايز للتكنولوجيا Rise Company for Technology
    ------------------------------------------------------------------------

    استضافة مواقع و ايميلات - تصميم مواقع - اى تى كمبيوتر و شبكات - ويندوز سيرفر - فايروول

    كاميرات مراقبة - سنترالات - تقوية اشارة موبايل - بصمة حضور و انصراف - اكسس كنترول

    تسويق الكترونى على الفيس بوك و جوجل - تصوير فوتوغرافى

    https://www.rise.company/tech

    Phone [9am ~ 5pm] : 0100 000 1637

    ------------------------------------------------------------------------
    شركة رايز للهندسة Rise Company for Engineering
    ------------------------------------------------------------------------

    تسويق عقاري بالاسكندرية و الساحل الشمالي

    بيع - شراء - ايجار | شقق - محلات - شاليهات - فلل - اراضى

    https://www.rise.company/eng

    Phone [9am ~ 9pm] : 0100 000 8163


المواضيع المتشابهه

  1. بناء تطبيق بالفون جاب بيلد Phone Gap build و اضافة Plugins
    بواسطة Rise Company في المنتدى قسم مبرمجين PhoneGap/Cordova
    مشاركات: 2
    آخر مشاركة: 14-04-2018, 17:37
  2. تسريع التطبيق Phone Gap - Cordova | Fast Application
    بواسطة Rise Company في المنتدى قسم مبرمجين PhoneGap/Cordova
    مشاركات: 0
    آخر مشاركة: 21-07-2017, 18:57
  3. تغيير أيقونة التطبيق Phone Gap - Cordova | App Icon
    بواسطة Rise Company في المنتدى قسم مبرمجين PhoneGap/Cordova
    مشاركات: 0
    آخر مشاركة: 21-07-2017, 18:15
  4. شرح الفون جاب بيلد Phone Gap Build رفع و تركيب و بناء و تثبيت التطبيق
    بواسطة Rise Company في المنتدى قسم مبرمجين PhoneGap/Cordova
    مشاركات: 0
    آخر مشاركة: 15-07-2017, 23:25
  5. دورة كاملة عن الكوردوفا و الفون جاب Phone Gap / Cordova من 60 حلقة
    بواسطة Rise Company في المنتدى قسم مبرمجين PhoneGap/Cordova
    مشاركات: 0
    آخر مشاركة: 27-06-2017, 21:00

المفضلات

المفضلات

ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •