كَيفَ نَبْني a كَرْبِ أَب في 8 أسابيعِ: دراسة حالة حقيقية
لقد قمت ببناء تطبيقات لأكثر من عقد. لم يعلمني شيء عن السرعة أكثر من الموعد المحدد
لقد أتت لنا عملية لوجستية كانوا بحاجة إلى تطبيق شامل للسائقين والمرسلين. الموعد النهائي؟ ثمانية أسابيع لا استثناءات
سلمنا في اليوم 56 وهنا بالضبط كيف فعلنا ذلك.
التحدي
The client, a B2B logistical company, had no mobile app. واستخدم سائقوهم سجلات ورقية ومكالمات هاتفية. المرسلون يرتدون أوراقاً منتشرة
أرادوا:
- التعقب في الوقت الحقيقي للمرسلين
- وظائف السائقين
- شحنات الصور
- طريقة عرض المناطق الريفية
منابر: iOS و Android. قاعدة رمزية واحدة أقل من شهرين
-لمَ تقاطعين؟ وسنصل إلى ذلك.
لماذا (كروس بلاتيم)؟
نظرنا في تطبيقات السكان الأصليين فريقان منفصلان قاعدتان مشفرتان وسيتطلب ذلك الحد الأدنى من 14 إلى 16 أسبوعا.
لقد أعطونا قاعدة شفرة واحدة لقد أعدنا استخدام 85% من الشفرة عبر المنصتين ذلك رقم حقيقي منReact Native’s docs- الشركات تبلغ 60-90٪ إعادة استخدام الرمز.
| العوامل | Native (iOS + Android) | Cross-Platform (React Native) |
|---|---|---|
| وقت التنمية | ١٤-١٦ أسبوعا | 8 أسابيع |
| إعادة الاستخدام | 0% | 85% |
| حجم الفريق | 6 مطورين | 4 مطورين |
| التكلفة الأولية | $120,000–$160,000 | $80,000–$100,000 |
| الأداء | ممتاز | 95 في المائة من السكان الأصليين (اختبارات حقيقية) |
| الصيانة | قاعدتان مشفرتان | قاعدة شفرة واحدة |
المقايضة؟ بعض الملامح الأصلية مثل مرشحات الكاميرات المتقدمة كان لديها وقت أطول لبناء ولكن من أجل تطبيق لوجستيات، عمل عبر المزيج بشكل مثالي.
وفقاً لـمسح ستاتيستاو 38 في المائة من المطورين يستخدمون " React Native " في مشاريع شاملة. وهو الإطار الأكثر شعبية.
خطتنا التقنية
لقد إلتقطنا الأدوات التي تقطع التنمية بدون التضحية بالجودة
- الإطار: الأصل
- التعبئة: Expo-أنقذنا أسبوعين من الإعداد الأولي
- الخلفية: قاعدة إطفاء- التوثيق، والمهام السحابية
- CI/CD: (جيت هوب) + Azure DevOpsللاختبار
- تعقب الأخطاء: Sentry
- التحليل: التوسع
لمَ ردّت على (فلاتر)؟ وكان لدى العميل مطوري جافاسكريبت الحاليين. لا حاجة لتعلم دارت.
إكسبو دعنا ندير التطبيق على جهاز خلال دقائق ولم نضيع الوقت في تشكيل إكسيد أو استديو أندرويد.
خط زمني مدته 8 أسابيع
كل أسبوع يهم وهذا هو جدولنا المحدد.
الأسبوع 1: المؤسسة&النموذج الأولي
- وضع مشروع تجريبي
- تركيب مضخم، كاميرا متحركة، نظام سريع
- صُمّم هيكل الملاحة (الرسومات العتيقة + الحزمة)
- خلق نموذجاً نموذجياً قابلاً للنقر في فيغما
- وافق العميل على التدفق بحلول يوم الجمعة
الأسبوع 2: التوثيق&دور المستعملين
- قاعدة الإطفاء Auth مع البريد الإلكتروني/الكلمة السرية
- دوران: سائق، مرسل
- قواعد مشعل النار لتقييد وصول البيانات
- اختبارات على كل من محفزات اليوسفي وجهاز اندرويد
الأسبوع 3: مجلس العمل في الوقت الحقيقي
- مستمع مشعل النار لتحديث الوظائف
- عازف مع السحب إلى التجديد
- حالة العمل: لم يبت فيها بعد، قبلت، عن طريقها، اكتملت
- لا يرى السائقون سوى الوظائف القريبة (مرشح المواقع الجغرافية)
الأسبوع 4: عرض مودي
- مستخدم
حمراء+@react-native-async-storage/async-storage - الوظائف المفصَّلة وبيانات المستخدمين محليا
- ترجمة:
- تم اختباره بأسلوب الطائرة - عمل
الأسبوع 5: تحميل الصور&الأشكال
المنارةللكاميرا/المغالاة- صور الضغط من جانب العملاء<200 KB
- تخزين قاعدة الإطفاء للشحنات
- الشكل الدينامي المنشأ لإثبات التسليم
الأسبوع السادس: لوح الديشار
- منضدة على شبكة الإنترنت مع البحث والمرشح
- خريطة في الوقت الحقيقي تبين مواقع السائقين
- مقاييس أداء السائقين (معدل الإنجاز غير المتفرغ)
- مستخدم
ردود الفعلمن أجل الخريطة
الأسبوع السابع: الاختبار&الديون
- اختبارات الوحدة مع جيست (80% تغطية)
- E2E tests with Detox (critical paths only)
- تعقب الأخطاء في كل بناء
- اختبار قبول المستعملين مع 10 سائقين حقيقيين
الأسبوع الثامن: بولندا&النشر
- تحقيق الاستخدام الأمثل للأداء (صور التحميل الكثيفة، والحد من إعادة التشغيل)
- شاشات ومواصفات مخزن التطبيق
- مقدمةمخزن آبلوGoogle Play Store
- تمت الموافقة عليهما في غضون يومين
عملية التنمية
أجرينا مخططات لمدة أسبوعين قفازات يومية عن طريق سلاك حلقة التغذية كل ثلاثة أيام
لقد استخدمنا فروع خاصة كل طلب سحب أدى إلى تدفق عمل (جيت هوب)
لا دورات نشر طويلة. مِنْ الإرتباطِ إلى إختبار حيّ على a جهاز: حوالي 10 دقائقِ.
الاختبارات و QA
لقد أتمنا كل شيء ممكن
- اختبارات الوحدة: مكتبة الاختبارات المحلية
- E2E: Detox for critical flows (login, job acceptance, photo upload)
- الاختبارات الدليلية: ضوء الاختبار لليوس، المسار الداخلي للأندرويد
- تعقب الرعب: (سنتري) قبض على 12 حشرة قبل إطلاقها
مثال حقيقي: حادث على أندرويد عند اختيار الصور من المعرض. (سينتري) أعطانا الرقم بالضبط تم تثبيتها خلال ساعتين
النشر والإطلاق
Expoeas buildجعل الإنتاج بسيطاً
إستعملنَا التدحرجَ: 1 % مِنْ المستخدمينِ اليوم الأول، 10 % اليوم الثاني، 100 % في اليوم الثالث.
لا قضايا رئيسية. ودفعت حشرة واحدة من أجهزة الإذن بالإخطار على طراز iOS 17 - بمحطة ساخنة في غضون ساعة.
النتائج والمقاييس
لقد بدأ التطبيق بالأسبوع الثامن
- السائقون: 150 ناشطا في الشهر الأول
- الوظائف المجهزة: 3200 في الشهر
- تحميل الصور: 2,800
- معدل خال من الطفح الجلدي: 99.6 في المائة (بيانات الدخول)
- تقدير المخزون: 4.7 نجوم
- رضا المنتشرين: 92 في المائة (دراسة استقصائية داخلية)
ووفر العميل 40 ألف دولار مقابل بناء برنامجين محليين. )أ(فورسترتقدير الدراسة - يقلل المبلغ الإجمالي التكلفة بنسبة ٣٠-٥٠ في المائة.
الدروس المستفادة
- ابدأ بالعرضلقد انقذنا اسبوعين في الإعداد إذا كنت بحاجة إلى وحدات محلية ليس في المعرض، يمكنك قذف في وقت لاحق.
- وضع الخطة في وقت مبكر.أضفناها في الأسبوع الرابع لو انتظرنا حتى الأسبوع السابع، لفوتنا الموعد النهائي.
- اختبار على الأجهزة الحقيقية يومياًالسيّارات تفتقد الحشرات لقد دفعنا البنايات إلى (إكسبو جو) كل يوم
- لا تبالغ في الهندسةإستخدمنا قاعدة الإطفاء و (فايرستوري) لا يوجد مساندة وهذا يقلل وقت التنمية بنسبة 40 في المائة.
- تعليقات العملاء كل 3 أياممنع إعادة العمل. لقد أرسلنا صور فيديو قصيرة و ليس مواصفات مكتوبة
الأفكار النهائية
ومن الممكن تطبيق نموذجي يمتد ثمانية أسابيع. تحتاج الأدوات الصحيحة، وخط زمني صلب، وتواصل مستمر.
إستخدمنا "الموطن" و"المعرض" و"فايرباس" و"جيت هوب" كل خيار انقذ الوقت
وإذا نظرتم في تطبيق شامل لأعمالكم، تبدأون بجدول زمني واضح. زاحف المميزات استخدمي إطارًا تعلميه
وقد فعلناها من أجل السوقيات والتجزئة والرعاية الصحية. كل مشروع علمنا شيئا جديدا
سفينتك بنفس الطريقة
كيف تحققنا من ذلك (أيلول/سبتمبر 2026): أعادنا التحقق من الجدول الزمني والحزم والصلات في أيلول/سبتمبر 2026؛ والأرقام المستشهد بها هي قياسات دراسة الحالة المذكورة في هذه الوظيفة.
ثمانية أسابيع هو نظام، وليس الحظ. وتغطي هذه الأدلة أجزاءها:
- التالي: SSR vs ISR ضد SSG- على شبكة الإنترنت إصدار نداءات لصفحات تسويق تطبيقك
- التالي:- اضغط على درجات السرعة
- RAG Dibot implementation- أضف إجابات عند شحنك
الأسئلة المتكررة
1 - هل يمكن أن تبني حقاً تطبيقاً شاملاً في 8 أسابيع؟
نعم، إذا كان التطبيق معقداً خطنا الزمني يعمل على تطبيقات بشاشات من 5 إلى 8، الحد الأدنى من الملامح الأصلية، ونسخة قياسية. يضاف ما بين أسبوعين وثلاثة أسابيع للتصويرات المعقدة أو لدمج المعدات.
2 - أي إطار أسرع للتنمية الشاملة: رد الفعل الوطني أو الفلتر؟
ردة فعل الأهل إذا كان فريقك يعرف (جافاسكريبت) (فلاتر) يتطلب تعلم (دارت) وفي تجربتنا، فإن رد الفعل الوطني مع المعرض يوفر فترة تتراوح بين 1 و 2 أسبوعا على الإعداد الأولي. وبالنسبة لتطبيقات الأداء الحرجة (مثل الرسوم البيانية الثقيلة)، قد يكون (فلاتتر) أفضل.
3. How do you handle offline mode in a cross-platform app?
نحن نستخدمحمراءإلى ولاية كاشي ريدو المحلية. وتخزن بيانات الوظائف والمستعملين في شركة AsyncStorage. عندما ينفجر الجهاز، يقرأ التطبيق البيانات المخبأة. عندما يعود على الإنترنت، يُدفع كواو متزامن إلى أن يتم تحديثه.
4 - ما هو الفرق في التكلفة بين تنمية السكان الأصليين والتنمية الشاملة؟
وفقاً لـفورسترويمكن للدراسة أن تقلل من تكلفة التنمية بنسبة ٣٠-٥٠ في المائة. بالنسبة لموكلنا، كانت الوفورات 40 ألف دولار. الصيانة أرخص أيضاً لأنك تستكمل قاعدة واحدة
5. How do you ensure the app looks good on both iOS and Android?
ونستخدم مكونات متسقة من شركة React Native ونتجنب وضع صفات خاصة بالمنبر ما لم تكن هناك حاجة مطلقة. نختبر كلا الجهازين يومياً ويكفل البناء الشامل للعرض نفس المدونة على المنهاجين.
بنى جهازك الصليبى
لديك موعد نهائي لدينا العملية
AtDG10 Agencyنحن متخصصون في تطوير التطبيقات نحن نتبع الجدول الزمني المحدد بـ 8 أسابيع نحن نستخدم "المحلية" و "المستكشفة" و "القاعدة الإطفائية" و "السي آي" الآلي
لا نزيف لا تأخيرات مجرد تطبيق عمل على كلا المتجرين
اتصل بنا اليوملبدء مشروعك وسنقوم برسم الجدول الزمني الخاص بك في غضون ٤٨ ساعة.