Panth Solanki द्वारा
जैसा कि हम सभी जानते हैं, React Native सीखने का समय आ गया है। इसे डॉक्यूमेंट के रूप में विकसित करने के दो तरीके हैं। यह खंड आपके Android डिवाइस पर सीधे Expo में ऐप्स बनाने पर केंद्रित है, बिना आपके डिवाइस पर किसी इंटरनेट कनेक्शन के।
मुझे पता है कि इंटरनेट के साथ अपने डिवाइस पर Expo Client ऐप का उपयोग करना बहुत आसान है, लेकिन क्या होगा यदि आपके पास इंटरनेट की समस्या है? आप डेवलपमेंट के लिए अपने सीमित MBs का उपयोग नहीं करना चाहते। तो क्या होगा यदि आपके मोबाइल की WiFi कनेक्टिविटी में स्थिरता की समस्या है, या आप बस पुराने स्कूल की शैली में ऐप विकसित करना चाहते हैं... या कोई अन्य कारण?
आइए शुरू करें, इस प्रक्रिया में केवल तीन छोटे चरण शामिल हैं। याद रखें, यह केवल OS Windows पर डेवलपमेंट के लिए है और OS Android को टार्गेट करता है।
प्री-सेटअप आवश्यकताएं
आपको अपने PC पर यहां से adb ड्राइवर इंस्टॉल करना होगा। प्रक्रिया यहां भी है।
एक बार जब आप प्रक्रिया पूरी कर लेते हैं, तो अपने मोबाइल को अपने PC से कनेक्ट करें। Command Prompt खोलें और कमांड adb devices. चलाएं। यदि यह list of devices के तहत कुछ डिवाइस नाम लौटाता है, तो आपका सेटअप पूरा हो गया है। लेकिन यदि कोई नाम नहीं दिखाया जाता है, तो आपको adb ड्राइवर्स को ठीक से इंस्टॉल करने की आवश्यकता है।
नोट: आपके मोबाइल में डेवलपर विकल्पों में USB डिबगिंग ON होना चाहिए।
Play Store से यहां. Expo Client App इंस्टॉल करें।
React Native प्रोजेक्ट सेटअप करें
यहां. डॉक्स में वर्णित चरणों का पालन करें।
मैं यहां केवल चरणों को कॉपी कर रहा हूं। यह मानते हुए कि आपके पास Node 10+ इंस्टॉल है, निम्नलिखित कमांड चलाएं:
npm install -g expo-cli
expo init AwesomeProject
cd AwesomeProject
npm start
उपरोक्त कमांड ब्राउज़र को https://localhost:19002 के साथ खोलेंगे (यदि यह स्वचालित रूप से नहीं खुलता है, तो इसे मैन्युअल रूप से खोलें)।
एक बार जब आप localhost खोलते हैं, तो यह नीचे दिखाए अनुसार Tunnel Ready जैसा संदेश दिखाएगा:
Tunnel Ready का मतलब है कि जादू बनाने का समय है :)
पोस्ट-सेटअप चरण
अब अपने डिवाइस को कनेक्ट करने और एक और कमांड प्रॉम्प्ट खोलकर निम्नलिखित कमांड चलाने का समय है:
adb devices // अपने कनेक्टेड डिवाइसेज का डिवाइस नाम खोजने के लिए
adb -s reverse tcp:8081 tcp:8081 // यह कुछ भी प्रिंट नहीं करेगा
https://localhost:19002 पर ब्राउज़र में जाएं और Run on Android device/emulator. पर क्लिक करें।
अपने डिवाइस पर जादू देखने के लिए Run on Android device/emulator पर क्लिक करें
अब आप अपने डिवाइस पर बंडल्स लोड होते देखेंगे। सभी बंडल लोड होने के बाद, आपका ऐप आपके डिवाइस पर लाइव होगा और आपका ब्राउज़र इस प्रकार होगा:
साइडबार आपका डिवाइस दिखाएगा
आप टॉप-राइट बटन पर क्लिक करके अपने ऐप को डीबग कर सकते हैं।
टॉप-राइट बटन पर क्लिक करें और आप देख सकते हैं कि आपके डिवाइस को क्या डेटा पास किया गया है।
मैं खुश होऊंगा अगर यह जानकारी किसी भी तरह से आपके लिए उपयोगी है। यदि आपके कोई प्रश्न हैं, तो कमेंट करें - मैं मदद करने में बहुत खुश होऊंगा।
पढ़ने के लिए धन्यवाद।
मुफ्त में कोड करना सीखें। freeCodeCamp के ओपन सोर्स करिकुलम ने 40,000 से अधिक लोगों को डेवलपर के रूप में नौकरी पाने में मदद की है। शुरू करें
