ionic first app
1.0.0
تم صنع هذا المشروع لاستخدام عملي لاستخدام DatePicker لتطبيقات الهاتف المحمول. بنيت مع إطار أيوني ضمن قوة ReactJs.
لتطوير تطبيق الهاتف المحمول مع إطار أيوني ، لدينا أشياء يجب القيام بها قبل أن نبدأ. اسمحوا لي أن أصف كل من هذه الخطوات على وجه الخصوص ؛
بالنسبة لبيئة OSX ، يمكنك تثبيت بيئة العقدة ضمن استخدام الأوامر التالية
$ brew update
$ brew install node
إذا لم تكن في بيئة OSX أو تبحث عن مزيد من التثبيت المتقدم ، اتبع هذه المقالة.
سيقوم الأمر التالي بتثبيت الإطار الأيوني لك
$ npm install -g @ionic/cli
إذا لم تنجح لك ، فيمكنك دائمًا التحقق من الوثائق الرسمية.
لإنشاء تطبيق أيوني جديد ، سيعمل الأمر أدناه!
$ ionic start <app name> <template: tabs | sidemenu | blank>
فضلت إطار React Framework لجانب الواجهة الأمامية. قد تفضل إطار عمل مدعوم آخر.
نظرًا لأن هذا تطبيق صفحة واحدة ، فإن الصفحة الرئيسية والمكون الذي تم تطويره مسبقًا من ExploreContainer يعملون بشكل جيد بالنسبة لنا! لإنشاء كل منطقنا نستخدم TypeScript. لجانب واجهة المستخدم ، لدينا حفنة من الحل من المكونات الأيونية. للحصول على فهم أفضل لهذا المشروع ، يرجى التحقق من الملفات أدناه.
لقد تم بالفعل تشغيل تطبيقنا على جهازنا المحلي على المتصفح ، ولكن ماذا لو أردنا التحقق من ذلك على محاكي أو على هاتف محمول حقيقي؟ أيوني يستخدم مكثف لهذه الوظيفة. لا تحتاج إلى تثبيت مصدر آخر لإنجاز هذا ، يجلبه الأيوني!
لاستخدام المحاكي Xcode وينبغي تثبيت جميع الأساسيات ، لأن Android Build Android Studio و SDK مطلوبة
$ ionic capacitor build ios
سيسأل الأمر أعلاه عن الجهاز الذي تريد محاكاته ، ثم سيحضر جهاز iOS المحدد الذي يعمل على تشغيل التطبيق الخاص بك.
انظر أدناه للحصول على فهم أفضل لهذا التطبيق!
