الانتقال إلى المحتوى

من Lovable إلى تطبيق iOS: SwiftUI أصلي، لا مجرد غلاف

يمنحك Publish تطبيق ويب على عنوان lovable.app، لكن App Store يتطلب أكثر من ذلك. تعرّف على ما يبنيه Lovable، والطرق الثلاث للوصول إلى تطبيق iPhone، وكيف تنقل تطبيقك إلى AirBuild.

AirBuildقراءة لمدة 6 دقائق

وصفت تطبيقاً، فبناه Lovable وأصبح يعمل في المتصفح. ثم سألك أحدهم: هل هو متاح على App Store؟

ينشر Lovable تطبيق ويب

تقول وثائق Lovable ذلك بوضوح: فهو يبني تطبيقات ويب، والنشر يتم دائماً على عنوان ويب. ما تحصل عليه من Publish هو تطبيق ويب مستضاف على your-app.lovable.app أو على نطاق مخصص، مع HTTPS. لا يوجد إصدار iOS، ولا سجل في App Store Connect، ولا عملية إرسال للمراجعة.

تعرض الوثائق طريقتين للاقتراب من تجربة الهاتف: تطبيق ويب تقدمي يضيفه المستخدمون إلى الشاشة الرئيسية، أو غلاف أصلي حول العنوان المنشور لإرساله إلى متجر التطبيقات. لا تظهر الطريقة الأولى في App Store، وتصطدم الثانية بقاعدة المراجعة الموضحة أدناه.

ما مشروع Lovable؟

خلف المحرر، يتكون مشروع Lovable من قاعدة كود React، ولا ينشئ Lovable كود React Native. تحصل المشاريع الجديدة على Lovable Cloud، وهي واجهة خلفية مدمجة قائمة على أساس Supabase مفتوح المصدر، لتوفير قاعدة البيانات وتسجيل الدخول والتخزين. وتتصل بعض المشاريع بدلاً من ذلك بمشروع Supabase يملكه صاحبها. عند ربط مستودع، تتم مزامنة الكود في الاتجاهين مع GitHub أو GitLab أو Bitbucket. ويمكنك أيضاً تنزيله ضمن الخطط المدفوعة.

وهذا ما يحدد الخطوة التالية. شاشات تطبيق ويب مكتوب باستخدام React هي HTML يرسمه محرك متصفح، ولا يتغير ذلك داخل غلاف. أما تطبيق iOS الحقيقي فيجب بناؤه من جديد بمكونات أصلية. ويبقى السؤال: من سيبنيه، وبأي تقنية؟

ثلاث طرق للوصول إلى تطبيق iPhone

  1. ضعه في غلافCapacitor أو خدمة WebView

    غلاف أصلييحمّل your-app.lovable.app
    ما زال موقعكالإرشاد 4.2: موقع ويب أعيد تغليفه
  2. أعد كتابته باستخدام React Nativeخدمة تحويل

    مكونات React Nativeأعيدت كتابتها من كود React
    تطبيق حقيقي متعدد المنصاتله بيئة تشغيل ومظهر خاصان به
  3. انقله إلى AirBuildفريق ذكي

    يفهم ما يفعله التطبيقالشاشات ومسارات الاستخدام والخدمات التي يتصل بها
    تطبيق SwiftUI أصليمع تولي App Review
تنطلق الطرق الثلاث من تطبيق Lovable نفسه. وحدها الطريقة الأولى تنتهي بموقع ويب.

«يجب أن يتضمن تطبيقك مزايا ومحتوى وواجهة مستخدم ترتقي به عن مجرد موقع ويب أعيد تغليفه. إذا لم يكن تطبيقك مفيداً أو فريداً أو شبيهاً بالتطبيقات على نحو واضح، فلا مكان له في App Store.»

Apple، إرشادات App Store Review، القسم 4.2، الحد الأدنى من الوظائف

لهذا يمثل مسار الغلاف مخاطرة: فالغلاف المحيط بعنوان your-app.lovable.app هو، بحكم تعريفه، موقع ويب أعيد تغليفه، وكل رفض يكلفك دورة مراجعة. أما تطبيق SwiftUI الأصلي فلا يبدأ بهذه المشكلة لأنه ليس موقع ويب. تُبنى كل شاشة باستخدام أطر Apple نفسها، ولذلك يمرر التطبيق المحتوى ويعرض الحركات ويستجيب مثل التطبيقات الأخرى على الهاتف.

كيف تنقل التطبيق

  1. اترك الرابط

    انضم إلى قائمة الانتظار مستخدماً العنوان المنشور لتطبيق Lovable، أو مستودع GitHub الذي تتم مزامنته معه، وأضف جملة توضح ما ينبغي أن يفعله تطبيق iOS ولمن صُمم.

  2. يعيد فريقك الذكي بناءه باستخدام SwiftUI

    يقرأ وكلاء المنتج والتصميم والتطوير في AirBuild ما يفعله تطبيقك وشاشاته ومسارات استخدامه، ثم يبنون منها تطبيق iOS أصلياً. يبقى تطبيق الويب كما هو، وتواصل تعديله في Lovable.

  3. جرّبه على iPhone، ثم أرسله إلى App Review

    يصل التطبيق إلى هاتفك عبر TestFlight كي تجربه وتطلب التعديلات بلغة واضحة. وعندما يصبح جاهزاً، يجهز AirBuild صفحة App Store ويرسل التطبيق ويتابع المراجعة ويرد على المراجعين ويصلح الملاحظات ثم يعيد الإرسال.

ما الذي ينتقل؟

تحافظ كل شاشة على وظيفتها، لكن طريقة الوصول إليها تتغير. تتحول مسارات المتصفح إلى شريط علامات تبويب وحزمة تنقل وصفحات منبثقة.

تطبيق Lovable في المتصفح

/لوحة معلومات تعرض جولات الركض هذا الأسبوع
/runsكل جولات الركض، الأحدث أولاً
/runs/:idجولة واحدة: المسار والوتيرة والملاحظات
إضافة جولة ركضمربع حوار فوق القائمة

التطبيق نفسه باستخدام SwiftUI

شريط علامات التبويبجولات الركض، هذا الأسبوع، الإعدادات
قائمة جولات الركضقائمة تدعم السحب للتحديث
تفاصيل جولة الركضتُدفع إلى حزمة التنقل، والرجوع بالسحب
إضافة جولة ركضصفحة منبثقة تُغلق بالسحب إلى الأسفل
مثال: تطبيق لتتبع عادات العدّائين.
جزء من تطبيقكما الذي يحدث له؟
النصوص والألوان والهويةتنتقل. يجب أن يبدو التطبيق خاصاً بك، لا قالباً جاهزاً.
البيانات والواجهة الخلفيةتبقى في مكانها. أخبرنا بما يتصل به تطبيقك، سواء كان Lovable Cloud أو مشروع Supabase تملكه أو API، وسنخطط تطبيق iOS حوله.
تسجيل الدخولأخبرنا كيف يعمل تسجيل الدخول الآن. ويبقى، مثل بياناتك، في مكانه.
تطبيق الويبيبقى من دون تغيير، وتواصل أنت تعديله في Lovable.
صفحة App Storeتُنشأ من جديد. نجهز لك الاسم والوصف ولقطات الشاشة وإجابات الخصوصية وملاحظات المراجعة.

ما الذي تحتاج إلى تجهيزه؟

  • الرابط المنشور لتطبيق Lovable، أو مستودع GitHub الخاص به إذا كانت بعض صفحاته تتطلب تسجيل الدخول.
  • عضوية Apple Developer Program، أو خطة للاشتراك قبل إرسال التطبيق.
  • فقرة واحدة تشرح ما ينبغي أن يفعله تطبيق iOS أولاً. ليس ضرورياً أن يقدم كل وظائف تطبيق الويب.
  • عنوان URL لسياسة الخصوصية. تطلب Apple توفيره، ولن يقبل App Store Connect أي إرسال من دونه.

الأسئلة

هل يستطيع Lovable إنشاء تطبيق iOS؟

لا. ينشئ Lovable تطبيقات ويب، وينشرها دائماً على عنوان ويب. تقترح وثائقه تطبيق ويب تقدمي أو غلافاً أصلياً حول العنوان المنشور، ولا يمثل أي منهما تطبيق iOS أصلياً.

هل يسمح App Store بتطبيق Lovable موضوع داخل غلاف؟

غالباً لا. ينص الإرشاد 4.2 على أن التطبيق يجب أن يقدم مزايا ومحتوى وواجهة ترتقي به عن مجرد موقع ويب أعيد تغليفه. ويعد وضع العنوان المنشور داخل WebView أوضح مثال على موقع ويب أعيد تغليفه.

هل يحل هذا محل تطبيق الويب؟

لا. يواصل تطبيق الويب العمل على عنوان lovable.app أو نطاقك، وتواصل تعديله في Lovable. ويبني AirBuild تطبيق iOS إلى جانبه.

ماذا يحدث للواجهة الخلفية؟

تبقى في مكانها. عند الانضمام إلى قائمة الانتظار، أخبرنا بما يتصل به تطبيقك، سواء كان Lovable Cloud أو مشروع Supabase تملكه أو API، وسنخطط تطبيق iOS حوله من دون نقل بياناتك.

هل أحتاج إلى Mac أو Xcode؟

لا تحتاج إلى أي منهما. يشغّل AirBuild فريقك الذكي على Mac أو في السحابة، ويصل التطبيق إلى iPhone عبر TestFlight. لكنك تحتاج إلى عضوية Apple Developer Program للنشر.

من يملك كود تطبيق iOS؟

أنت. يظل كود Lovable ملكك، وكذلك مشروع SwiftUI الذي يبنيه AirBuild انطلاقاً منه.

الخطوة التالية

انضم إلى قائمة الانتظار وأرفق رابط Lovable

وصول مبكر. نرسل الدعوات من قائمة الانتظار حسب السعة المتاحة، والرابط الذي تتركه هو أول ما نراجعه.

المصادر

  1. Lovable: Publish: ما ينشره Publish، وأن النشر يتم دائماً على عنوان ويب.
  2. Lovable: GitHub, GitLab and Bitbucket: المزامنة في الاتجاهين، ومستودع واحد لكل مشروع، وتنزيل الكود في الخطط المدفوعة.
  3. Lovable: Supabase: استخدام Lovable Cloud كواجهة خلفية افتراضية، وربط مشروع Supabase تملكه.
  4. Apple: إرشادات App Store Review، 4.2 الحد الأدنى من الوظائف: الإرشاد الذي يصطدم به موقع ويب أعيد تغليفه.
  5. Apple: TestFlight: كيف يصل إصدار تجريبي إلى iPhone قبل App Store.

تمت مراجعة المحتوى مقابل وثائق Lovable وإرشادات App Store Review من Apple في 30 سبتمبر 2026. نقل المشاريع إلى AirBuild متاح ضمن الوصول المبكر. Lovable وSupabase وApple علامات تجارية لأصحابها، ولا يرتبط AirBuild بها.