โดย ปัณฑ์ โซลันกี
อย่างที่เราทราบกันดีว่าถึงเวลาแล้วที่จะเรียนรู้ React Native มีสองวิธีในการพัฒนาเป็นเอกสาร ส่วนนี้เน้นที่การสร้างแอปใน Expo บนอุปกรณ์ Android ของคุณโดยตรงโดยไม่ต้องเชื่อมต่ออินเทอร์เน็ตบนอุปกรณ์ของคุณ
ฉันรู้ว่ามันง่ายมากโดยใช้แอป Expo Client บนอุปกรณ์ของคุณที่มีอินเทอร์เน็ต แต่ถ้าคุณมีปัญหาเกี่ยวกับอินเทอร์เน็ตล่ะ คุณไม่ต้องการใช้ MB ที่จำกัดเพื่อการพัฒนา แล้วจะเป็นอย่างไรหากการเชื่อมต่อ WiFi บนมือถือของคุณมีปัญหาความเสถียร หรือคุณเพียงต้องการพัฒนาแอปสไตล์เก่า...หรือเหตุผลอื่นใด
มาเริ่มกันเลย กระบวนการนี้มีเพียงสามขั้นตอนเล็กๆ เท่านั้น โปรดจำไว้ว่า มีไว้สำหรับการพัฒนาบน OS Windows และกำหนดเป้าหมายเป็น OS Android เท่านั้น
ข้อกำหนดก่อนการตั้งค่า
คุณต้องติดตั้งไดรเวอร์ adb บนพีซีของคุณจากที่นี่ . ขั้นตอนก็ที่นี่เช่นกัน .
เมื่อคุณเสร็จสิ้นกระบวนการแล้ว ให้เชื่อมต่อมือถือของคุณกับพีซีของคุณ เปิด พร้อมรับคำสั่ง และรันคำสั่ง adb devices. หากส่งคืนชื่ออุปกรณ์บางส่วนภายใต้ รายการอุปกรณ์ จากนั้นการตั้งค่าของคุณก็จะเสร็จสมบูรณ์ แต่หากไม่มีชื่อปรากฏ คุณจะต้องติดตั้งไดรเวอร์ adb ให้ถูกต้อง
หมายเหตุ:มือถือของคุณควรเปิดการแก้ไขข้อบกพร่อง USB ในตัวเลือกของนักพัฒนาซอฟต์แวร์
ติดตั้งแอป Expo Client จาก play store ที่นี่ .
ตั้งค่า React Native Project
ทำตามขั้นตอนตามที่อธิบายไว้ในเอกสารที่นี่ .
ฉันแค่คัดลอกขั้นตอนที่นี่ สมมติว่าคุณมี โหนด 10+ ติดตั้งแล้ว ให้รันคำสั่งต่อไปนี้:
npm ติดตั้ง -g expo-cli
งานแสดงสินค้าเริ่มต้น AwesomeProject
ซีดี AwesomeProject
เวลาเริ่มต้น npm
คำสั่งข้างต้นจะเปิดเบราว์เซอร์ด้วย http://localhost:19002 (หากไม่เปิดโดยอัตโนมัติ ให้เปิดด้วยตนเอง)
เมื่อคุณเปิด localhost มันจะแสดงข้อความเช่น Tunnel Ready ดังต่อไปนี้:
Tunnel Ready หมายความว่าถึงเวลาสร้างเวทมนตร์แล้ว :)
ขั้นตอนหลังการตั้งค่า
ตอนนี้ได้เวลาเชื่อมต่ออุปกรณ์ของคุณแล้วเปิดพรอมต์คำสั่งอื่นเพื่อรันคำสั่งต่อไปนี้:
อุปกรณ์ adb // เพื่อค้นหาชื่ออุปกรณ์ของอุปกรณ์ที่เชื่อมต่อของคุณ
adb -s ย้อนกลับ tcp:8081 tc p:8081 // สิ่งนี้จะไม่พิมพ์อะไรเลย
ไปที่ http://localhost:19002 ในเบราว์เซอร์แล้วคลิกเรียกใช้บนอุปกรณ์/โปรแกรมจำลอง Android
คลิกที่ Run บนอุปกรณ์ Android/emulator เพื่อดูความมหัศจรรย์บนอุปกรณ์ของคุณ
ตอนนี้คุณจะเห็นชุดข้อมูลโหลดบนอุปกรณ์ของคุณ หลังจากโหลด Bundle ทั้งหมดแล้ว แอปของคุณจะเผยแพร่บนอุปกรณ์ของคุณและเบราว์เซอร์จะเป็นดังนี้:
แถบด้านข้างจะแสดงอุปกรณ์ของคุณ
คุณสามารถแก้ไขข้อบกพร่องของแอปได้โดยคลิกที่ปุ่มขวาบน
คลิกที่ปุ่มขวาบนแล้วคุณจะเห็นว่าข้อมูลใดถูกส่งผ่านไปยังอุปกรณ์ของคุณ
ฉันยินดีหากข้อมูลนี้มีประโยชน์กับคุณในทางใดทางหนึ่ง หากคุณมีคำถามใดๆ โปรดแสดงความคิดเห็น เรายินดีเป็นอย่างยิ่งที่จะช่วยเหลือ
ขอบคุณที่อ่าน
เรียนรู้การเขียนโค้ดฟรี หลักสูตรโอเพ่นซอร์สของ freeCodeCamp ช่วยให้ผู้คนมากกว่า 40,000 คนได้งานในตำแหน่งนักพัฒนา เริ่มต้น
