أكمل كيفية: إنشاء تطبيق أصلي للتفاعل باستخدام Genymotion (محاكي الأندرويد) على نظام Windows 10 من خلال 10 خطوات

لطالما كنت من محبي أدلة البدء السريع. إليك محاولتي لمساعدة أولئك الذين يتطلعون إلى إعداد محاكي نظام أندرويد لإنشاء تطبيقات React الأصلية الخاصة بهم باستخدام التطبيق الأصلي للتفاعل و Genymotion على نظام التشغيل Windows 10.

أفترض في هذا الدليل أن الناس يبدأون من نقطة الصفر. (تثبيت Windows جديد دون أي تبعيات)

الخطوة 1: تثبيت Node.js

نظرًا لأننا بدأنا من نقطة الصفر ، فلنقم بتنزيل Node.js أولاً. فقط قم بتنزيل نسخة LTS لتكون على الجانب الأكثر أمانًا. يمكنك الحصول على ذلك من هنا:

اتبع إرشادات التثبيت (استمر في النقر فوق "التالي") حتى يظهر مربع الحوار "إنهاء".

بمجرد الانتهاء من ذلك ، افتح موجه الأوامر (انقر فوق ابدأ -> اكتب cmd واضغط على Enter) واكتب واحدًا تلو الآخر:

العقدة -v
npm -v

إذا لم يقم كل من هذين الأمرين بإرجاع أي أخطاء ، فستكون مضبوطًا على الخطوة 2 ، فسيحدث خطأ في تثبيت Node.js. يمكنك استكشاف الأخطاء وإصلاحها لذلك هنا:

** الخطوة 2 (الآن): قم بالرجوع إلى npm إلى v4.x.x

اعتبارا من وقت كتابة هذا الدليل. دعم npm @ 5 هو عربات التي تجرها الدواب. أنا متأكد من أنه سيتم إصلاحه في المستقبل القريب. لكن الآن هذا ما تفعله:

npm install -g npm @ 4

الخطوة 3: تثبيت التطبيق إنشاء رد فعل الأصلي

الآن بعد أن أصبح لديك Node.js وتشغيله داخل موجه الأوامر ، اكتب التالي:

npm install -g create-react-native-app

وضرب دخول.

الخطوة 4: اشترك في Genymotion

توجه إلى https://www.genymotion.com/account/create/ وإنشاء حساب.

شخصيا،
لنوع الشركة التي اخترتها:
لنوع الاستخدام اخترت: التنمية

الخطوة 4: تنزيل Genymotion

بمجرد الانتهاء من ذلك ، يجب أن يتم نقلك إلى صفحة التنزيلات ، إن لم يكن متوجهاً إلى نفسك:

اختر الخيار باستخدام VirtualBox (إذا لم يكن لديك VirtualBox مثبتًا بالفعل على جهاز الكمبيوتر الشخصي الذي يعمل بنظام Windows).

الخطوة 5: إضافة جهاز افتراضي جديد في Genymotion

بمجرد التنزيل ، افتح Genymotion وقم بتسجيل الدخول باستخدام بيانات الاعتماد التي تم إنشاؤها في الخطوة 3.
الآن ، ستتمكن من إضافة جهاز افتراضي جديد (Ctrl + N).

اختر أيًا من القائمة وانقر فوق "التالي".

بمجرد الانتهاء من ذلك ، سترى أجهزتك مدرجة ضمن الأجهزة الافتراضية:

الخطوة 6: تكوين متغيرات البيئة وإضافة مسار

نحن تقريبا هناك! لا تضغط على "ابدأ" بعد ، قلل من نافذة Genymotion وانقر بزر الماوس الأيمن على هذا الكمبيوتر (جهاز الكمبيوتر) -> اختر خصائص.

ابحث عن إعدادات النظام المتقدمة في اللوحة اليمنى وانقر فوقه.

يجب أن تظهر نافذة خصائص النظام. انقر التالي على متغيرات البيئة في أسفل اليمين.

في نافذة بيئة المتغير الذي يظهر.
ضمن متغيرات النظام ، حدد مسار ، ثم انقر فوق "تحرير".

بعد ذلك ، في نافذة متغير بيئة التحرير ، انقر فوق جديد -> إضافة المسار C: \ ملفات البرنامج \ Genymobile \ Genymotion \ tools -> انقر فوق موافق حتى إغلاق جميع النوافذ.

الخطوة 7: بدء تشغيل الجهاز الظاهري في Genymotion

بعد ذلك ، قم باستعادة إطار Genymotion المصغر مسبقًا وانقر فوق ابدأ.

يجب أن تشاهد محاكي Android مثل هذا يظهر:

الخطوة 8: إنشاء "إنشاء - رد - أصلي - التطبيق"

بعد ذلك ، افتح موجه الأوامر مرة أخرى وانتقل إلى دليل المشاريع واكتب:

إنشاء رد فعل ، التطبيق الأصلي الخاص بك ، مشروع رائع

الخطوة 9: تشغيل التطبيق "create-react-native-native-app"

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

مؤتمر نزع السلاح الخاص بك رهيبة المشروع
npm تشغيل الروبوت

الخطوة 10: إعطاء إذن وفويلا!

أخيرًا ، امنح الإذن بالمعرض عندما ترى هذه الشاشة (أو ما شابهها) في جهازك الظاهري.

وانت انتهيت!

نأمل أن يكون هذا الدليل ساعدك. القرصنة سعيد حقا!