วิธี ที่ เรา สร้าง แอ ปพลิเคชัน รูป ไม้ กางเขน ใน 8 สัปดาห์: การ ศึกษา วิจัย จริง ๆ
ผม สร้าง แอพ มา กว่า สิบ ปี แล้ว. ไม่มีอะไรสอนฉันเกี่ยวกับความเร็ว ได้มากกว่าเส้นตาย
การเริ่มต้นระบบบันทึกมาถึงเรา พวกเขาต้องการแอพแบบไขว้ สําหรับคนขับและเจ้าหน้าที่ เส้นตาย? แปดสัปดาห์ ไม่มีข้อยกเว้น
เราส่งของในวันที่ 56 นี่ แหละ คือ วิธี ที่ เรา ทํา.
ข้อ ท้าทาย
บริษัทลูกค้า B2B ไม่มีแอพมือถือ คน ขับ ใช้ กระดาษ บันทึก และ โทรศัพท์. ผู้บังคับงานโยนตารางคํานวณ
พวกเขาต้องการ:
- ตามเวลาจริง
- การมอบหมายงานสําหรับไดรเวอร์
- อัปโหลดภาพถ่ายของการส่ง
- โหมดออฟไลน์สําหรับพื้นที่ชนบท
แพลตฟอร์ม: ไอโอเอสและแอนดรอยด์ รหัสเดียว ภายในสองเดือน
ทําไมต้องข้ามมิติ? เรา จะ เข้าใจ กัน.
ทําไมถึงเป็นครอสแพลตฟอร์ม
เรานับเป็นแอพพื้นเมือง 2 ทีมแยกกัน สองโค๊ดเบส นั่นใช้เวลาอย่างน้อย 14-116 สัปดาห์
ครอสแพลตฟอร์มให้โค๊ดเบสหนึ่ง เราใช้รหัส 85% ข้ามชานชาลาทั้งสอง นั่น เป็น จํานวน จริง จากวิธี แก้ ปัญหา-บริษัทรายงานรหัส 60-190%
| องค์ประกอบ | พื้นเมือง (ไอโอเอส + แอนดรอยด์) | ครอส- เปลียน |
|---|---|---|
| เวลาพัฒนา | 14–16 สัปดาห์ | 8 สัปดาห์ |
| ทําโค้ดซ้ํา | 0% | 85% |
| ขนาดของทีม | ผู้พัฒนา 6 | ผู้พัฒนา 4 |
| ค่าใช้จ่ายเริ่มต้น | $120,000–$160,000 | $80,000–$100,000 |
| ประสิทธิภาพ | เยี่ยม | ~95% ของชนพื้นเมือง (การทดสอบล่าสุด) |
| ซ่อมแซม | สองโค๊ดเบส | โค้ดฐาน 1 |
การแลกเปลี่ยน? ลักษณะพื้นบ้านบางอย่างเช่น ตัวกรองกล้องขั้นสูง มีเวลาก่อสร้างมากขึ้น แต่สําหรับแอพแบบล็อกติกแล้ว การตัดต่อได้ผลอย่างสมบูรณ์แบบ
ตามบันทึกการสํารวจ Statista38% ของนักพัฒนาจะใช้ react rative สําหรับโครงการครอสแพลตฟอร์ม เป็น โครง สร้าง ที่ นิยม กัน ที่ สุด.
เสาเทคของเรา
เราเลือกเครื่องมือที่มีการพัฒนาโดยไม่มีคุณภาพ
- เฟรมเวิร์ก: เปิดใช้งานตัวอักษร
- บูตแทรป: เอ็กซ์โป-ช่วยเราตั้ง 2 สัปดาห์
- โปรแกรมเบื้องหลัง: ไฟร์เบส— การพิสูจน์, การเผาป่า, การเคลื่อนไหวของเมฆ
- CI/CD: การกระทํากับ GitHub + Asure DeOpsสําหรับการทดสอบ
- เกิดข้อผิดพลาดในการติดตาม: คุณสมบัติ
- วิเคราะห์: การขยายสัญญาณ
เหตุ ใด จึง ทํา การ เปลี่ยน แปลง มาก กว่า การ เป็น คน ท้อง ถิ่น? โปรแกรมลูกข่ายมีนักพัฒนาจาวาสคริปต์อยู่แล้ว ไม่จําเป็นต้องเรียนดาร์ท
เอ็กซ์โปให้เราใช้แอพในอุปกรณ์ภายในไม่กี่นาที เรา ไม่ ได้ เสีย เวลา ไป กับ การ ปรับ ปรุง ระบบ Xcode หรือ แอนดรอยด์ สตูดิโอ.
เส้นเวลา 8-week
ทุกสัปดาห์สําคัญ นี่ คือ ตาราง เวลา ที่ แน่นอน ของ เรา.
สัปดาห์ที่ 1: มูลนิธิ&ชนิดโปรโตเซลล์
- ตั้งค่าโครงการ Expo
- ติดตั้งที่อยู่ expo, expo-imra, expo-file system
- ออกแบบโครงสร้างการนําทาง (แท็บล่าง + สแต็ก)
- สร้างต้นแบบที่สามารถคลิกได้ใน Figma
- ลูกค้าอนุมัติการไหลในวันศุกร์
สัปดาห์ 2: การตรวจสอบสิทธิ์&บทบาทของผู้ใช้
- แบบ Firebase Auth แบบมีอีเมล/ assword
- 2 บทบาท: คนขับ คนส่งของ
- กฎไฟจํากัดการเข้าถึงข้อมูล
- ทดสอบทั้งโปรแกรมจําลอง OS และแอนดรอยด์
สัปดาห์ที่ 3: กรรมการงานเรียลไทม์
- ผู้ฟังไฟสําหรับการปรับปรุงงาน
- แบบแบนราบพร้อมปรับปรุงใหม่
- สถานะงาน: start, รองรับ, รับ, in-transit, เสร็จสมบูรณ์
- ไดรเวอร์จะเห็นเฉพาะงานพิมพ์ที่อยู่ใกล้เคียงเท่านั้น (ตัวกรองการแทนที่)
สัปดาห์ 4: โหมดออฟไลน์
- ใช้แล้ว
ตัวแบ่งสัญญาณ+@react-native-async-storage/async-storage - งานพิมพ์และข้อมูลผู้ใช้ในเครื่อง
- ปรับเทียบคิว: การปรับปรุงที่ถูกส่งเมื่อกลับมาออนไลน์
- ตรวจ สอบ ด้วย เครื่อง บิน — ใช้ ได้ ผล
สัปดาห์ที่ 5: อัปโหลดภาพถ่าย&รูปแบบ
เครื่องมือเลือกสีสําหรับกล้อง/ แกลลอรี่- บีบข้อมูลภาพลูกข่าย<200KB
- ตู้เก็บไฟสําหรับอัปโหลด
- สร้างรูปแบบไดนามิคสําหรับพิสูจน์การส่ง
สัปดาห์ที่ 6: ไดร์เตอร์แดชบอร์ด
- มุมมองตารางที่คล้ายเว็บด้วยการค้นหาและตัวกรอง
- แผนที่เวลาจริง แสดงตําแหน่งไดรเวอร์
- ไดรเวอร์ Metrics (อัตราส่งอัตโนมัติ)
- ใช้แล้ว
ลูกเล่นการลบเสียงสําหรับแผนที่
สัปดาห์ 7: ทดสอบ&การดีบั๊ก
- ทดสอบหน่วยด้วย Jest (80%)
- E2E ทดสอบด้วย Detox (เส้นทางวิกฤตเท่านั้น)
- เกิดข้อผิดพลาดในการติดตามทุกอาคาร
- การทดสอบการยอมรับของผู้ใช้กับไดรเวอร์จริง 10 ตัว
สัปดาห์ 8: โปแลนด์&การ ว่าง งาน
- การปรับค่าความชื่นชอบ (การโหลดรูปภาพเล็กน้อย, ลดการรีเดอร์ใหม่)
- จับภาพหน้าจอและคําอธิบายต่าง ๆ จากร้านค้า
- ส่งข้อมูลไปยังร้านขายแอปเปิ้ลถึงร้านค้าเล่น Google
- ทั้งคู่ได้รับการอนุมัติภายใน 2 วัน
โพรเซสพัฒนา
เราวิ่งมาสองอาทิตย์แล้ว ทุก ๆ วัน แสตนอัพ ผ่าน สแล็ค ทุกสามวัน
เราใช้สาขาพิเศษ การขอดึงทุก ๆ ครั้ง จะทําให้เกิดการกระตุ้นของ GitHub Academy frofile: liint, test, build, build with Expo, แล้วอัปโหลดไปใช้อุปกรณ์ทดสอบโดยใช้ เอ็กซ์โป Go
ไม่มีวงจรการทํางานระยะยาว จากบริการเพื่อทดสอบสดกับอุปกรณ์ ประมาณ 10 นาที
ทดสอบและ QA
เราอัตโนมัติทุกอย่างที่เป็นไปได้
- ทดสอบหน่วย: ไลบรารีทดสอบภาษาพื้นเมือง Jest + React
- E2E: Detox สําหรับการไหลวิกฤต (login, การรับงาน, การอัปโหลดภาพถ่าย)
- การทดสอบด้วยตนเอง: TestFlight สําหรับ OS, แทร็กภายในสําหรับ Android
- เกิดข้อผิดพลาดในการติดตาม: SETA จับภาพ 12 บั๊กก่อนที่จะทําการปล่อย
ตัว อย่าง หนึ่ง ที่ แท้ จริง: เกิด อุบัติเหตุ ที่ แอนดรอยด์ เมื่อ เลือก ภาพ จาก ห้อง ศิลป์. SETE ให้หมายเลขเส้นตรงมา ติด 2 ชั่วโมง
การว่างงานและเรียกใช้งาน
เอ็กซ์โปสร้างเมื่อการผลิตสร้างอย่างง่าย
เราใช้ละครเรื่อง ผู้เล่น 1% ในวันแรก 10% วันต่อมา 100% ต่อวันที่ 3
ไม่มีปัญหา มี การ แจ้ง แมลง สาบ ตัว หนึ่ง เกี่ยว กับ OS 17 ซึ่ง จะ ทํา ให้ เกิด สัญญาณ ร้อน ภาย ใน หนึ่ง ชั่วโมง.
ผล และ การ ทดลอง
แอพสดในสัปดาห์ที่ 8
- ไดรเวอร์: 150 ทํางานในเดือนแรก
- ประมวลผลงาน3200 เดือน
- อัปโหลดภาพถ่าย: 2,800
- อัตราการเกิดความผิดพลาด99.6% (ป้อนข้อมูล)
- เรตติ้งของร้าน App4.7 ดาว
- ความพึงพอใจของผู้ส่ง92% (การสํารวจภายใน)
ลูกค้าเก็บเงินได้ 40,000 ดอลลาร์ เทียบกับการสร้างแอพพื้นเมือง 2 คัน นั่น คือฟอร์เรสเตอร์กะ ประมาณ การ ศึกษา — การ ลด ค่า ใช้ จ่าย ลง 30–50%.
บท เรียน ที่ เรียน รู้
- เริ่มจาก เอ็กซ์โปมันช่วยเราตั้ง 2 สัปดาห์ ถ้าคุณต้องการโมดูลพื้นเมืองที่ไม่ได้อยู่ใน เอ็กซ์โป คุณสามารถเด้งออกในภายหลัง
- แผนออฟไลน์เร็วเราเพิ่มมันในสัปดาห์ที่ 4 ถ้าเรารอจนถึงสัปดาห์ที่ 7 เราจะพลาดเส้นตาย
- ทดสอบอุปกรณ์จริงทุกวันตัวจําลองคิดถึงแมลง เราผลักดันให้ เอ็กซ์โป ไปทุกวัน
- อย่า ทํา งาน หนัก เกิน ไป.เราใช้ไฟและไฟเผา ไม่มีเอกสารเบื้องหลังที่กําหนดเอง เวลาพัฒนาที่ถูกตัดไป 40%
- การตอบรับจากลูกค้าทุกๆ 3 วันป้องกันการทํางานอีกครั้ง เรา ส่ง เดโม วี ดิ ทัศน์ สั้น ๆ — ไม่ ใช่ แบบ เขียน.
ความคิดสุดท้าย
แอพแบบไขว้ 8 สัปดาห์เป็นไปได้ คุณจําเป็นต้องมีเครื่องมือที่เหมาะสม เวลาที่แน่นอน และการสื่อสารอย่างต่อเนื่อง
เรา ใช้ วิธี รักษา แบบ พื้น เมือง, เอ็กซ์ โป, ไฟ อ่อน, และ การ กระทํา แบบ กิตติฮับ. แต่ละทางเลือกประหยัดเวลา
ถ้า คุณ กําลัง คิด จะ ทํา แอพ แบบ ต่าง ๆ สําหรับ ธุรกิจ ของ คุณ ให้ เริ่ม ด้วย เวลา ที่ ชัดเจน. หลีกเลี่ยงความน่ารังเกียจ ใช้กรอบแบบที่คุณรู้
เรา ทํา งาน นี้ เพื่อ การ ตัด ไม้, การ ค้า ขาย, และ การ ดู แล สุขภาพ. แต่ละโครงการได้สอนสิ่งใหม่แก่เรา
เรือ ก็ เหมือน กัน
วิธีที่เราตรวจสอบนี้ (กันยายน 2026): เราตรวจสอบไทม์ไลน์อีกครั้ง เรียงและเชื่อมโยงในเดือนกันยายน 2026
แปดสัปดาห์เป็นระบบ ไม่ใช่โชค มัคคุเทศก์ เหล่า นี้ ครอบ คลุม ส่วน ต่าง ๆ ของ มัน:
- ถัดไป.js SEO: SSR vs ISR vSSGเว็บไซด์แสดง เรียกดูหน้าตลาดแอพของคุณ
- ถัดไป.js Core websTiness Expect-ยิงให้แรงขึ้น
- โปรแกรมสนทนาแบบ RG-เพิ่มคําตอบเข้าไป เมื่อคุณส่ง
ถาม บ่อย ๆ
1. คุณสามารถสร้างแอพแบบตัดต่อได้ใน 8 สัปดาห์ได้จริง ๆ หรือ?
ใช่ ถ้าแอพมีความซับซ้อนในระดับปานกลาง ตารางเวลาของเราใช้ได้กับแอพที่มีจอ 51-28 อัน คุณสมบัติพื้นบ้านน้อยที่สุด และแบ็คเอนต์มาตรฐาน เพิ่ม 2-13 สัปดาห์ สําหรับแอนิเมชันที่ซับซ้อน หรือการรวมฮาร์ดแวร์เข้าด้วยกัน
2. โครงร่างใดเร็วกว่ากันสําหรับการพัฒนาแบบครอสแพลตฟอร์ม: การฟื้นฟูพันธุ์หรือฟลอเรนซ์?
ปฏิรูปอักขระจะเร็วขึ้น ถ้าทีมของคุณรู้จักจาวาสคริปต์/ อุปนิสัย ฟลัทเตอร์ต้องการเรียนดาร์ท จากประสบการณ์ของเรา ปฏิรูปของชนพื้นเมือง กับ เอ็กซ์โป ออมเวลา 1-2 สัปดาห์ ในการตั้งค่าเริ่มต้น สําหรับโปรแกรมจัดการการแสดง (เช่น กราฟฟิก-ฟลายเตอร์อาจดีกว่า
3. คุณจะจัดการโหมดตัดต่อในแอพแบบไขว้ได้อย่างไร?
เราใช้ตัวแบ่งสัญญาณไปยังแคชของ รัฐเรเร็กซ์ในท้องถิ่น งานพิมพ์และผู้ใช้จะถูกจัดเก็บใน AsyncStoprise เมื่ออุปกรณ์ออฟไลน์ โปรแกรมจะอ่านข้อมูลที่มีแคช เมื่อกลับมาออนไลน์ การต่อคิวเข้าคิวจะก้าวหน้าต่อไป
4. อะไรคือความแตกต่างทั่วไปของค่าใช้จ่ายระหว่าง พื้นเมืองกับการพัฒนาแบบไขว้?
ตามบันทึกฟอร์เรสเตอร์การศึกษา cross-platiform สามารถลดต้นทุนการพัฒนาได้ 30-50% สําหรับลูกความของเรา เงินออมเป็น $ 40,000 การซ่อมยังถูกกว่าด้วย เพราะคุณอัพเดตโค๊ดเบสหนึ่งตัว
5 จะมั่นใจได้อย่างไรว่าแอพจะดูดีทั้งในไอโอเอสและแอนดรอยด์
เราใช้ส่วนประกอบที่สอดคล้องกัน จากภาษาพื้นเมือง และหลีกเลี่ยงการชักใยในชานชาลา เราทดสอบอุปกรณ์ทั้งสองทุกวัน การ สร้าง ทั่ว ทั้ง เอกภพ ของ เอ็กซ์ โป ทํา ให้ แน่ ใจ ว่า รหัส เดียว กัน นี้ อยู่ บน เวที ทั้ง สอง.
สร้างสถานะการข้ามมิติของคุณให้เร็วขึ้น
คุณมีเส้นตาย เรามีขั้นตอน
ที่DG10 Agencyเราเชี่ยวชาญการพัฒนาแอพแบบข้ามมิติ เราทําตามเวลา 8 สัปดาห์ เราใช้ภาษาพื้นเมือง, เอ็กซ์โป, ไฟร์เบส และ CI/CD แบบอัตโนมัติ
ไม่มีหนวด ไม่ล่าช้า แค่แอพของทั้งสองร้าน
ติดต่อเราวันนี้เพื่อเริ่มโครงการของคุณ เรา จะ ทํา แผนที่ เวลา ที่ คุณ กําหนด ไว้ ภาย ใน 48 ชั่วโมง.