logo أكاديمية أكسبورت للتطوير والبرمجة logo-alt أكاديمية أكسبورت للتطوير والبرمجة
تسجيل الدخول  أو  تسجيل حساب
  • الرئيسية
  • دروس برمجية
    • HTML
    • CSS
    • ANGULAR
    • IONIC / MOBILE
    • YII 2.0
    • Odoo /epen ERP
    • مواضيع متنوعة
  • مفاهيم برمجية
  • من نحـن
  • اتصل بنا

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

deployment ionic apk

Mobile development الصفحة الرئيسية

بعد ان قمنا بتنصيب  JDK والـ Android Sdk وقمنا بتضمين مساراتها داخل محيط المسارات بالنظام

الان بامكاننا الشروع بعمل Testing للملف النهائي للمشروع وتوليده على شكل حزمة نهائية دات امتداد apk 

مهام الدرس

  • توليد الملف على منصة android
  • عمل تجريب للملف على احد الاجهزة الوهمية للمحاكي emulator
  • رفع الملفات النهائية للمشروع على github و mediafire ورفع ملف apk لمن يرغب بتجريبه على جهازه حيث تم رفع الـ api على موقعنا .بالتالي تستطيع تجربة التطبيق عن بعد دون الحاجة لسرفر apache محلي

قبل توليد الملف التنفيدي يتعين علينا اختيار وتمهيد الـ platform , حيث يوفر ionic عدة منصات هي منصة android و ios .نحن في حالتنا سوف نقوم بتمهيدد منصة android 

نفتح سطر الأوامر ثم نتوجه الى مسار المشروع عبر التعليمة cd

// تدهب الى مسار مشروعك
cd /var/mobile/myApp
// تنصب المنصة
ionic cordova platform add android
//  sudo ادا كنت تستخدم لنكس اضف

بعد الاكتمال تشغل محاكي Genymotion Emulator ثم اختر احد الاجهزة الوهمية وقم باقلاعها

تجريب التطبيق على المحاكي

عد الى سطر الأوامر ونفد

ionic cordova run android
// sudo  ادا كنت تستخدم لنكس اضف
sudo ionic cordova run android

ادا ظهر لك خطأ يتحدث عن sass قم بتنفيد هده التعليمة ثم اعد تنفيد تعليمة ionic cordova run android 

npm rebuild node-sass

 

ادا لم تصادف اخطاء فسوف يقوم بعرض لك مسار الملف التنفيدي APK بعد نهاية التحزيم ولكن عند أول عملية بناء للملف سيطول النفيد لبعض الوقت لدلك يجب انتظاره في المرة الاولى لتحميل الحزم والمكتبات اللازمة  ثم سيفتح معك التطبيق بالمحاكي 

لاتنسى ان تقوم بتشغيل المحاكي قبل عملية run  حتى يتعرف عليه النظام ويقوم بربط التطبيق المولد معه

عادة يتم وضع مسار الملف هنا

/myApp/platforms/android/app/build/outputs/apk/debug/app-debug.apk

 

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

//windows
ionic cordova build android
//linux
sudo ionic cordova build android

ادا كنت ترغب بتوليد الملف النهائي بوضع prod

sudo ionic cordova build --prod android

 

في النهاية ماعليك سوى رفع هدا الملف الى جهازك ثم تنصيبه بشكل اعتيادي 

النتيجة

 

كود المشروع على github ستجده هنا

https://github.com/exportdeveloper/ionic-app-cars

 

بالملفات النهائية تم تصحيح بعض الاخطاء التي وجدت بالكود وتمت معالجة الخطوط في التطبيق النهائي

 

تحميل الملف النهائي للمشروع  (موجود على github) 

من يريد تحميل المشروع النهائي بجميع ملفاته لـ backend api على mediafire تجده بالمسار التالي .قاعدة البيانات بمجلد data

https://www.mediafire.com/file/ytjls98fo8f4o8u/final-1.0-backend-api.zip/file

 

لمن يرغب بتجريب التطبيق على جهازه للاندرويد هنا

https://www.mediafire.com/file/1vqtyfvik985i1g/app-debug.apk/file

 

انتهت الدورة

ماهو تقييمك للدرس
تقييم الزوار للدرس
الدرس السابق : تنصيب android SDK على Ubuntu وتنصيب المحاكي Emulator
  • قم بتسجيل الدخول للتعليق : تسجيل الدخول أو تسجيل عضوية
ANGULAR
  • المستوى 101 من دورة angular
  • المستوى 102 من دورة angular
  • الدورة 103 من angular
Mobile Development
دورة تطوير تطبيق موبايل

sitemap - Exportdeveloper Academy © 2019 All rights reserved