كيفية نشر بيئة تطوير تطبيق على React Native على Windows

يوم جيد!

بعد أن قررت البدء في تطوير التطبيقات على React Native ، واجهت مشاكل في نشر البيئة. اليوم أريد أن أشارك تجربة إعداده.

بالطبع ، يحتوي الموقع الرسمي على وصف تفصيلي ، ولكن باتباع هذه التوصيات فقط ، كان من الصعب جدًا إجراء جميع الإعدادات.



لذا ، لنبدأ:

العقدة ، Python2 ، JDK

• قم بتثبيت NodeJS . لدي أحدث نسخة وقت كتابة المقال 10.11.0
  
• قم بتثبيت Python2 و JavaSE . تستخدم JDK-10.0.2
  

تفاعل CLI الأصلي

• قم بتثبيت تفاعل CLI الأصلي
  

npm install -g react-native-cli

بيئة تطوير Android

• قم بتنزيل وتثبيت Android Studio
  
  بعد البدء ، حدد تثبيت مخصص
  
  
  
  بعد ذلك ، حدد المربع "Android Virtual Device" وحدد ما إذا كان يصل إلى مجلد Android - أو اتركه كما هو: C: \ Users \٪ USERNAME٪ \ AppData \ Local \ Android \ Sdk
  الشيء الرئيسي هو أنه لا ينبغي أن يكون هناك أبجدية سيريلية على الطريق!
  

  خاصة مع هذا ، قد تنشأ مشاكل في المستقبل. على سبيل المثال ، كان اسم مستخدم النظام الخاص بي باللغة السيريلية "C: \ Users \ Alexander" ، وبعد إطلاق التطبيق لم يتمكن من العثور على المسار ، لأن المسار بدا مثل "C: \ Users \ ؟؟؟؟؟؟؟؟؟ \ ... "
  

  
  
  
  انقر فوق "التالي". نترك المقدار الموصى به من ذاكرة الوصول العشوائي ، انقر فوق التالي والتثبيت.
  
• Android SDK - افتح الاستوديو وانتقل إلى الإعدادات
  المظهر والسلوك → إعدادات النظام → Android SDK .
  
  في علامة التبويب "منصات SDK" ، شغّل مربع الاختيار "إظهار تفاصيل الحزمة" واضبط "Android 8.0 (Oreo)" :
  
  
  • نظام Android SDK 26
  • صورة نظام إنتل x86 Atom_64
  • APIs جوجل إنتل x86 Atom_64 صورة النظام
  
  
  
  الآن حدد علامة التبويب "أدوات SDK" ، وقم بتمكين مربع الاختيار "إظهار تفاصيل الحزمة"
  وتثبيت الحزمة
  
  
  • "28.0.3"
  
  انقر فوق "Apply" .
  

متغيرات البيئة

• ANDROID_HOME
  إنشاء متغير لـ ANDROID_HOME :
  
  
  
  
  • اسم المتغير ANDROID_HOME
  • قيمة متغيرة (يمكن عرضها في Android Studio)
  
  
  
• JAVA_HOME
  قياساً على ذلك ، أنشئ متغير JAVA_HOME :
  
  
  • اسم المتغير: JAVA_HOME
  • القيمة المتغيرة: C: \ Program Files \ Java \ jdk- (الإصدار)
  
  
• تغيير مسار متغير النظام:
  
  
  
  أضف 4 قيم:
  
  
  1. ٪ JAVA_HOME٪ \ bin
     
  2. ٪ ANDROID_HOME٪
     
  3. ٪ ANDROID_HOME٪ \ أدوات النظام الأساسي
     
  4. ٪ ANDROID_HOME٪ \ حارس
     
  
  

نقوم بإنشاء التطبيق وتشغيل المحاكي

• انتقل إلى المجلد المناسب لنا في وحدة التحكم واكتب:
  react-native init MyTestProject
  
• نفتح مشروعنا في Android Studio ونفتح مدير AVD
  
  
  
  إذا لم يتم تنزيل AVD ، فقم بتنزيله وتشغيله
  
• بعد ذلك ، انتقل إلى وحدة التحكم في مجلد التطبيق واكتب:
  react-native run-android
  
  بعد ذلك وجدت أن التطبيق بدأ.
  

استخدمت هذه المقالة دليل React Native الرسمي.
+ تجربة شخصية!

آمل أن تساعد هذه المقالة أولئك الذين لديهم مشاكل أو يقررون البدء في تطوير التطبيقات الأصلية على React

.