يجيد v0 الجزء الذي كان يصعب على معظم الناس: إنشاء شاشة تبدو كما ينبغي. وهو أيضاً المكان الذي يظهر فيه سؤال تطبيق iPhone في أبكر وقت، وغالباً قبل أن يكون للمشروع اسم.
ينشئ v0 واجهات ويب
ينشئ v0 الكود باستخدام Next.js وTailwind وshadcn/ui، ويعرض معاينته في المتصفح، ثم ينشره على Vercel. والنتيجة هي موقع ويب، مهما بدت الشاشات شبيهة بالتطبيق. لا توجد نسخة iOS ولا عملية إرسال إلى App Store.
هذا نطاق عمله وليس عيباً فيه. ينشئ v0 للويب. أما تطبيق iOS فهو منتج منفصل يجب إنشاؤه باستخدام أطر Apple، والسؤال هو من سينشئه انطلاقاً مما لديك.
ما لديك
خلف المحادثة، يكون مشروع v0 عادةً قاعدة كود Next.js تتضمن مكونات shadcn/ui. ويترك لك شيئين، ويمكنك تقديم رابط أي منهما.
تتصل بعض مشاريع v0 بقاعدة بيانات أو API، بينما لا يزال بعضها الآخر واجهات أمامية فوق بيانات مؤقتة. كلاهما نقطة بداية مناسبة: تبقى الواجهة الخلفية في مكانها، ويمكن أن تظل البيانات المؤقتة كذلك حتى تقرر.
ثلاث طرق للوصول إلى تطبيق iPhone
غلّفه. ضع غلافاً أصلياً حول نشر Vercel. هذه أسرع طريقة، لكن WebView فارغاً حول عنوان URL يظل موقعاً في نظر Apple: يطلب الإرشاد 4.2 ميزات ومحتوى وواجهة ترتقي بالتطبيق عن مجرد موقع أعيد تغليفه.
أعد كتابته باستخدام React Native. أعد كتابة المكونات لـ React Native وشغّل نسخة Expo. ستحصل على تطبيق حقيقي، لكنه متعدد المنصات، وله بيئة تشغيله ومظهره الخاص على iOS.
انقله إلى AirBuild. يتعامل فريق ذكي مع شاشات v0 باعتبارها التصميم وينشئ منها تطبيق SwiftUI أصلياً: الشاشات نفسها بعناصر تحكم iOS، مع تولي App Review.
كيف تتحول الشاشات إلى SwiftUI
تحافظ الصفحات التي صممتها على بنيتها ونصوصها؛ ويُستبدل كل عنصر تحكم للويب بعنصر تحكم iOS يؤدي الوظيفة نفسها.
- جدول بياناتمع عوامل تصفية وفرزقائمةصفوف يمكن سحبها، والسحب للتحديث
- مربع حوارفوق الصفحةورقةتنزلق إلى أعلى، وتُغلق بالسحب إلى أسفل
- علامات تبويبعلى امتداد الجزء العلويعنصر تحكم مقسّمأو قسم Form واحد لكل علامة تبويب
- قائمة أوامرابحث عن أي شيء باستخدام ⌘Kحقل بحثفي أعلى القائمة
- قائمة منسدلةمن زرقائمةمن زر في شريط الأدوات
- تنقل الشريط الجانبيعلى اليسارشريط علامات التبويبثلاث إلى خمس علامات تبويب
تُنقل الألوان والخطوط والمسافات بأقرب صورة يسمح بها iOS. وحيث استخدم v0 خطوط ويب، يستخدم التطبيق خط النظام وأحجاماً ديناميكية، ليتبع النص إعداد حجم الخط لدى القارئ.
كيف تنقل مشروعك
اترك الرابط
انضم إلى قائمة الانتظار مستخدماً عنوان نشر مشروعك في v0 أو مستودع GitHub الذي يتزامن معه، وأضف جملة تشرح ما ينبغي أن يفعله تطبيق iOS ولمن صُمم.
يعيد فريقك الذكي إنشاء الشاشات باستخدام SwiftUI
يقرأ وكلاء التصميم والهندسة في AirBuild شاشاتك وبنيتها ونصوصها، ثم يعيدون إنشاءها كواجهات SwiftUI مع تنقل وعناصر تحكم iOS. يظل مشروعك في v0 دون تغيير؛ ويمكنك مواصلة تطويره في v0.
جرّبه على iPhone، ثم App Review
يصل التطبيق إلى هاتفك عبر TestFlight كي تجربه وتطلب التغييرات بلغة واضحة. وعندما يصبح جاهزاً، يجهّز AirBuild صفحة App Store ويرسل التطبيق ويتابع المراجعة ويرد على المراجعين ويصلح ما يثيرونه ثم يعيد الإرسال.
ما ينبغي تجهيزه
- رابط نشر مشروعك في v0، أو مستودعه على GitHub.
- الشاشات الأكثر أهمية. ثلاث شاشات يجب أن تكون صحيحة أفضل من اثنتي عشرة شاشة قد تكون كذلك.
- عضوية Apple Developer Program، أو خطة للتسجيل قبل إرسال التطبيق.
- عنوان URL لسياسة الخصوصية. تطلب Apple واحداً، ولن يقبل App Store Connect إرسالاً من دونه.
الأسئلة الشائعة
هل يستطيع v0 إنشاء تطبيق للهاتف أو تطبيق iOS؟
لا. ينشئ v0 واجهات ويب باستخدام Next.js وTailwind وshadcn/ui وينشرها على Vercel. لا توجد نسخة iOS ولا عملية إرسال إلى App Store.
هل يمكنني وضع نشر v0 داخل غلاف أصلي؟
نعم، لكن الإرشاد 4.2 ينص على أن يتضمن التطبيق ميزات ومحتوى وواجهة ترتقي به عن مجرد موقع أعيد تغليفه. والغلاف المحيط بعنوان vercel.app هو ذلك تماماً، وغالباً ما يُرفض.
هل سيبدو تطبيق SwiftUI مثل تصميمي في v0؟
يحافظ على تصميمك: البنية والنصوص والألوان والتسلسل الهرمي نفسه، مع استخدام عناصر تحكم iOS حيث استخدم v0 عناصر تحكم الويب. أخبرنا بالشاشات الأكثر أهمية.
ليس لمشروعي في v0 واجهة خلفية بعد. هل هذه مشكلة؟
لا. إذا كان مشروعك لا يزال يعمل ببيانات مؤقتة، فاذكر ذلك عند الانضمام إلى قائمة الانتظار، وسنخطط لتطبيق iOS بناءً على الموجود.
هل أحتاج إلى Mac أو Xcode؟
لا تحتاج إلى أي منهما. يشغّل AirBuild فريقك الذكي على Mac أو في السحابة، ويصل التطبيق إلى iPhone عبر TestFlight. وتحتاج إلى عضوية Apple Developer Program للنشر.
لمن تعود ملكية كود تطبيق iOS؟
لك. يبقى كود v0 ملكاً لك، وكذلك مشروع SwiftUI الذي ينشئه AirBuild منه.