विंडोज पर रिएक्ट नेटिव पर एप्लिकेशन डेवलपमेंट का माहौल कैसे तैनात करें

आपका दिन शुभ हो!

रिएक्ट नेटिव पर एप्लिकेशन विकसित करने का निर्णय लेने के बाद, मैं पर्यावरण को तैनात करने की समस्याओं में भाग गया। आज मैं इसे स्थापित करने के अनुभव को साझा करना चाहता हूं।

बेशक, आधिकारिक वेबसाइट में एक विस्तृत विवरण है, लेकिन केवल इन सिफारिशों का पालन करना, सभी सेटिंग्स बनाना काफी कठिन था।



तो, चलिए शुरू करते हैं:

नोड, पायथन 2, जेडीके

• NodeJS स्थापित करें। मेरे पास लेख 10.11.0 लिखने के समय का नवीनतम संस्करण है
  
• Python2 और JavaSE स्थापित करें। प्रयुक्त jdk-10.0.2
  

प्रतिक्रियाशील मूल निवासी सीएलआई

• प्रतिक्रियाशील मूल निवासी CLI स्थापित करें
  

npm install -g react-native-cli

Android के विकास का वातावरण

• डाउनलोड करें और Android स्टूडियो स्थापित करें
  
  शुरू करने के बाद, एक कस्टम इंस्टॉलेशन चुनें
  
  
  
  अगला, "एंड्रॉइड वर्चुअल डिवाइस" चेकबॉक्स की जांच करें और एंड्रॉइड फ़ोल्डर को इंगित करें - या इसे सी के रूप में छोड़ दें: \ Users \% USERNAME% \ AppData \ Local \ Android \ Sdk
  मुख्य बात यह है कि रास्ते में कोई सिरिलिक वर्णमाला नहीं होनी चाहिए!
  

  विशेष रूप से इसके साथ भविष्य में समस्याएं उत्पन्न हो सकती हैं। उदाहरण के लिए, मेरा सिस्टम यूज़रनेम साइरिलिक "C: \ Users \ Alexander" में था, और एप्लिकेशन लॉन्च करने के बाद ग्रैंड को रास्ता नहीं मिला, क्योंकि रास्ता "C: \ Users \ ???????" जैसा दिखता था? \ ... "
  

  
  
  
  "अगला" पर क्लिक करें। हम राम की अनुशंसित राशि को छोड़ देते हैं, अगले पर क्लिक करें और इंस्टॉल करें।
  
• एंड्रॉइड एसडीके - स्टूडियो खोलें और सेटिंग्स पर जाएं
  सूरत और व्यवहार → सिस्टम सेटिंग्स → एंड्रॉइड एसडीके ।
  
  "एसडीके प्लेटफॉर्म" टैब पर, "शो पैकेज विवरण" चेकबॉक्स चालू करें और "एंड्रॉइड 8.0 (Oreo)" सेट करें:
  
  
  • Android SDK प्लेटफार्म 26
  • इंटेल x86 Atom_64 सिस्टम छवि
  • Google API इंटेल x86 Atom_64 सिस्टम छवि
  
  
  
  अब "एसडीके टूल्स" टैब चुनें, "पैकेज विवरण दिखाएं" चेकबॉक्स को सक्षम करें
  और पैकेज स्थापित करें
  
  
  • "28.0.3"
  
  "Apply" करें "Apply" क्लिक "Apply" ।
  

पर्यावरण चर

• ANDROID_HOME
  ANDROID_HOME के लिए एक चर बनाएं:
  
  
  
  
  • चर नाम ANDROID_HOME
  • परिवर्तनीय मूल्य (Android स्टूडियो में देखा जा सकता है)
  
  
  
• JAVA_HOME
  सादृश्य से, JAVA_HOME चर बनाएं:
  
  
  • चर नाम: JAVA_HOME
  • परिवर्तनीय मूल्य: C: \ Program Files \ Java \ jdk- (संस्करण)
  
  
• सिस्टम चर पथ बदलें:
  
  
  
  4 मान जोड़ें:
  
  
  1. % JAVA_HOME% \ bin
     
  2. % ANDROID_HOME%
     
  3. % ANDROID_HOME% \ platform-tools
     
  4. % ANDROID_HOME% \ पहरेदार
     
  
  

हम एप्लिकेशन बनाते हैं और एमुलेटर चलाते हैं

• कंसोल और प्रकार में हमारे लिए सुविधाजनक फ़ोल्डर पर जाएं:
  react-native init MyTestProject
  
• हम एंड्रॉइड स्टूडियो में अपना प्रोजेक्ट खोलते हैं और एवीडी मैनेजर खोलते हैं
  
  
  
  यदि AVD डाउनलोड नहीं है, तो डाउनलोड करें और चलाएं
  
• अगला, एप्लिकेशन फ़ोल्डर में कंसोल पर जाएं और टाइप करें:
  react-native run-android
  
  जिसके बाद मुझे लगा कि आवेदन शुरू हो गया है।
  

इस लेख में आधिकारिक रिएक्ट नेटिव मैनुअल का उपयोग किया गया था।
+ व्यक्तिगत अनुभव!

मुझे उम्मीद है कि यह लेख उन लोगों की मदद करेगा, जिन्हें समस्या है या रिएक्ट पर देशी एप्लिकेशन विकसित करने का निर्णय लेना है

।