ดาวน์โหลด meteor react native starter - meteor react native starter Source Source Download

meteor react native starter

ซอร์สโค้ดอื่น ๆ

2.0.0

ดาวน์โหลด

Meteor React Native Starter

นี่คือรหัสสุดท้าย repo สำหรับการประชุมเชิงปฏิบัติการของเรา "Meteor and React Native" @ Meteor Impact 2022 หลังจากการแก้ไขหลังการแก้ไขแล้วจะส่งผลให้ repo เริ่มต้นที่สมบูรณ์ -

โปรดทราบ ว่าฉันไม่สามารถครอบคลุมระบบปฏิบัติการทั้งหมดได้

เกี่ยวกับ

Meteor และ React Native จะไม่รวมเข้าด้วยกันโดยค่าเริ่มต้น อย่างไรก็ตามมีแพ็คเกจที่ยอดเยี่ยมที่ช่วยให้เราทำให้พวกเขารวมเข้าด้วยกัน สิ่งที่ดีที่สุดคือมันไม่ยากเลย!

ผู้เริ่มต้นนี้นำการรวมขั้นพื้นฐานที่สุดสำหรับโครงการดาวตกเป็นแบ็กเอนด์สำหรับแอพ React Native ของคุณ เพียงทำตามคำแนะนำใน readme นี้เพื่อรับสตาร์ทเรตทันที

ดูตัวอย่าง

การติดตั้ง

คุณต้องติดตั้งอุกกาบาตในระบบของคุณ ทำตามคำแนะนำการติดตั้ง Meteor บนเว็บไซต์ Meteor

สร้างโครงการใหม่จาก Repo เทมเพลตนี้

repo นี้เป็น template repo เพื่อให้คุณสามารถสร้างโครงการของคุณเองจากมันหรือโคลนโดยตรง

หากคุณต้องการโคลนโดยตรงคุณสามารถทำได้ผ่าน

$ git clone [email protected]:jankapunkt/meteor-react-native-starter.git

ติดตั้งและเรียกใช้แบ็กเอนด์ Meteor

$ cd backend
$ meteor npm install
$ meteor npm run start

แบ็กเอนด์จะติดตั้งและเริ่มต้น หากทุกอย่างเป็นไปด้วยดีคุณควรเห็นข้อความต่อไปนี้:

= > App running at: http://localhost:8000/

ติดตั้งและเรียกใช้แอพมือถือ

เปิด เทอร์มินัลใหม่ เพื่อติดตั้งและเรียกใช้แอพ เริ่มต้นจากรูทโครงการทำสิ่งต่อไปนี้:

$ cd app
$ meteor npm install
$ meteor npm run start

คอนโซลอาจแจ้งให้คุณติดตั้ง expo-cli ถ้าเป็นเช่นนั้นเห็นด้วยและดำเนินการต่อ หากไม่ขอให้คุณติดตั้ง Expo และแอพไม่สามารถสร้างได้โปรดติดตั้ง Expo-cli ด้วยตนเองผ่าน:

$ meteor npm install -g expo-cli

เชื่อมต่อแอพมือถือของคุณกับแบ็กเอนด์

การเชื่อมต่อแอปของคุณเข้ากับแบ็กเอนด์นั้นยากขึ้นอีกเล็กน้อยเนื่องจากคุณต้องการรับ IP เครือข่ายในพื้นที่ ของคุณเพื่อให้แอป RN เชื่อมต่อ localhost แบบ Meteor-typer จะไม่ทำงานที่นี่

ก่อนอื่นรับ IP ในพื้นที่ของคุณผ่าน

ระบบปฏิบัติการ	สั่งการ
ลินเวกซ์	`ip addr show`
สูงสุด	`ifconfig`
หน้าต่าง	`ipconfig`

จากนั้นแทนที่รูปแบบ xxx.xxx.xxx.xxx ด้วย IP ท้องถิ่นจากเครือข่ายของคุณใน app/config.json

สุดท้ายเรียกใช้แอปของคุณผ่าน

$ cd app && meteor npm run start

หลังจากทำงานแล้วให้ตรวจสอบไฟล์ app/.expo/settings.json และตรวจสอบให้แน่ใจว่ามีลักษณะดังต่อไปนี้:

{
  "hostType" : " lan " ,
  "lanType" : " ip " ,
  "dev" : true ,
  "minify" : false ,
  "urlRandomness" : " mc-y7b " ,
  "https" : false ,
  "scheme" : null ,
  "devClient" : false
}

ตอนนี้คุณควรจะไปพัฒนาต่อไป!

ติดตั้ง Expo Go บนอุปกรณ์พัฒนาของคุณ

ด้วยแอพ "Expo Go" คุณสามารถสร้าง dev builds ของคุณได้โดยไม่ต้องกำหนดค่าหรืออีมูเลเตอร์เพิ่มเติม นอกจากนี้คุณยังสามารถสร้างข้ามแพลตฟอร์มและทดสอบทั้ง Android และ iOS โดยไม่จำเป็นต้องใช้ Android SDK หรือ XCode, Expo ครอบคลุมทั้งหมดสำหรับคุณ

หากคุณยังต้องการตัวจำลองโปรดติดตั้งในนามของคุณเอง