من Lovable إلى APK: حوّل تطبيق Lovable إلى تطبيق Android

يكتب Lovable تطبيقات React مع Vite وTypeScript وTailwind وshadcn/ui، ويستخدم Supabase لقاعدة البيانات وتسجيل الدخول والتخزين عند تفعيل ذلك.

طريقتان لبنائه

خطوة بخطوة

1. انشر المشروع في Lovable

   افتح المشروع، واضغط Publish وانتظر ظهور العنوان. يبدو مثل your-app.lovable.app. إذا ربطت نطاقك الخاص، فاستخدمه بدلاً من ذلك: فهو العنوان الذي سيراه مستخدموك إذا أظهرته أي صفحة.

2. افحص الموقع على الهاتف أولاً

   افتح العنوان المنشور في Chrome على هاتف Android. ما تراه هناك هو ما سيعرضه التطبيق. أصلح في Lovable أي شيء يبدو سليمًا على الحاسوب المحمول فقط (جدول أعرض من الشاشة، أو شريط جانبي لا ينطوي أبدًا) قبل الإنشاء.

3. الصق العنوان في المنشئ

   انتقل إلى منشئ APK، والصق العنوان، وسمِّ التطبيق وحدّد أيقونة، ثم نزّل APK. تحصل على APK وAAB لـ Google Play في عملية الإنشاء المجانية نفسها.

4. أو أنشئ من الشيفرة

   في Lovable، اربط GitHub من إعدادات المشروع. في GitHub، استخدم Code ← Download ZIP. في AppMint، اختر خيار ZIP وحدّد ذلك الملف. إذا كانت شيفرتك تقرأ قيم import.meta.env.VITE_… (عادةً عنوان Supabase ومفتاح anon)، يضيف AppMint خطوة تعرض كل واحدة منها لتملأها.

ما الذي يعمل داخل التطبيق

• تسجيل الدخول عبر البريد وكلمة المرور في Supabase، وجلسات تبقى بعد إغلاق التطبيق، وأمان مستوى الصف، لأن التطبيق يشغّل موقعك الحقيقي.
• تسجيل الدخول بـ Google: تُفتح صفحتا تسجيل الدخول لـ Google وSupabase داخل التطبيق، فيعود المستخدم مسجّلًا الدخول بدل أن ينتهي به الأمر في Chrome. راجع تسجيل الدخول بـ Google.
• رفع الملفات من مكتبة الصور أو الكاميرا، والميكروفون للملاحظات الصوتية. عندما تمنح AppMint عنوان موقعك، يفحص سكربتات الموقع ويفعّل أذونات الكاميرا والميكروفون والموقع التي يستخدمها الموقع فعلًا.
• مسارات React Router، بما فيها زر الرجوع: يعود إلى الشاشة السابقة في تطبيقك، ويغلق مربع الحوار المفتوح أولًا.

ما يجب التحقق منه أولًا

الدفع عبر Stripe للمنتجات الرقمية

يتطلب Google Play استخدام Play Billing للسلع الرقمية والاشتراكات التي تُباع داخل التطبيق. قد يُرفض تطبيق Lovable يبيع اشتراكًا عبر Stripe. أما السلع المادية والخدمات فلا مشكلة فيها. الخيارات موجودة في الشراء داخل التطبيق.

روابط المعاينة ليست تطبيقك

يتغير عنوان معاينة المحرر ويتطلب تسجيل دخولك إلى Lovable. أنشئ دائمًا من العنوان المنشور.

إلغاء النشر يعطّل التطبيق

يعرض التطبيق المغلّف ما يقدّمه العنوان. إذا ألغيت نشر مشروع Lovable أو غيّرت اسمه، ستعرض التطبيقات المثبّتة خطأ. أبقِ النسخة المنشورة حيّة، أو استخدم نطاقًا مخصصًا لتتمكن من نقل الاستضافة لاحقًا.

قيم البيئة في إنشاء عبر الكود

في إنشاء ZIP، تُبنى قيمة VITE_ التي تتركها فارغة كـ undefined. مفتاح Supabase anon مخصص ليكون عامًا؛ أما المفتاح السري فلا مكان له في شيفرة الواجهة الأمامية ولا في المتصفح ولا في التطبيق.

نشر تطبيق Lovable الخاص بك على Google Play

يقبل Google Play ملف AAB (Android App Bundle) وليس APK. تمنحك الأداة ملف AAB مجانًا مع كل إنشاء، موقّعًا بمفتاح يبقى نفسه لاسم الحزمة نفسه، لذا احتفظ باسم الحزمة نفسه لكل تحديث وارفع رقم الإصدار في كل مرة. قبل التقديم، راجع قائمة تحقق متجر Play: سياسة الخصوصية، ولقطات الشاشة، ونموذج سلامة البيانات، وللحساب الشخصي الجديد للمطور، الاختبار المغلق مع المختبرين.

إذا أبلغ Play أن مفتاح التوقيع غير مطابق، فاقرأ إصلاح خطأ مفتاح الرفع.

أسئلة

هل تحويل تطبيق Lovable إلى APK مجاني؟

نعم. منشئ المواقع مجاني ولا يتطلب حسابًا. وتطبيق AppMint لنظام Android مجاني الاستخدام أيضًا؛ راجع الأسعار لمعرفة ما تضيفه الباقات المدفوعة.

هل يجب أن أعيد إنشاء التطبيق في كل مرة أغيّر فيها شيئًا في Lovable؟

لا إذا غلّفت العنوان المنشور: يحمّل التطبيق الموقع الحي، لذا فالنشر في Lovable يحدّث كل تطبيق مثبّت. تعيد الإنشاء فقط لتغيير اسم التطبيق أو أيقونته أو أذوناته أو إصداره لـ Google Play. أما إنشاء ZIP فيحتاج إلى إعادة إنشاء لأن الشيفرة داخل التطبيق.

هل يمكنني نشر تطبيق Lovable على Google Play؟

نعم. يمنحك المنشئ ملف AAB الذي يطلبه Play مجانًا؛ ارفعه في Play Console. تتوقع Google أيضًا أن يكون التطبيق أكثر من مجرد موقع داخل إطار، لذا استخدم الميزات الأصلية مثل الإشعارات الفورية، وأبقِ قائمة المراجعة في قائمة مراجعة Play Store في متناول يدك.

هل يستمر تسجيل الدخول عبر Supabase في العمل؟

نعم. يخزّن التطبيق الجلسة بالطريقة نفسها التي يفعلها المتصفح، فيبقى المستخدمون مسجّلين الدخول بين عمليات التشغيل.

هل "Loveable" هو الشيء نفسه؟

يكتبه الناس أحيانًا "Loveable". المنتج هو Lovable (lovable.dev)، وكل ما في هذه الصفحة ينطبق عليه.

أدوات بناء أخرى

آخر تحقق 2026-09-25.