تطبيقات الجوال

أنشئ تطبيقات ويب متوافقة مع الجوال في Proyecta. تطبيقات PWA متاحة الآن؛ وتغليف iOS/Android الأصلي عبر PWA Builder.

يبني Proyecta تطبيقات ويب. أسرع طريق لـ“تطبيق على الهاتف” هو تطبيق ويب متجاوب — مع إمكانية تحسينه كـ Progressive Web App (PWA) ليتمكن المستخدمون من تثبيته على الشاشة الرئيسية والحصول (على المنصات المدعومة) على إشعارات push، ودعم العمل بدون إنترنت، وتجربة ملء الشاشة.

للتوزيع الأصلي عبر App Store أو Google Play أو Microsoft Store، تقوم بتغليف تطبيق PWA المنشور باستخدام أداة مثل PWA Builder.

ما تحصل عليه فوراً

• محوّل عرض متجاوب في الـ builder — التبديل بين معاينات Desktop / Tablet / Mobile أثناء التحرير
• مطالبات AI مبنية على mobile-first — الذكاء الاصطناعي يعرف كيف ينشئ تخطيطات متجاوبة عند طلبك ذلك
• تبويب Mobile في لوحة التحكم — لوحة Mobile مخصصة تضم خطوات Appearance وTest وPublish لتحويل تطبيقك إلى تطبيق جوال قابل للتثبيت
• إشعارات push — راجع إشعارات Push
• واجهة builder للجوال — يعمل Proyecta نفسه على الهواتف، فتستطيع البناء في أي وقت وأي مكان

تبويب Mobile

افتح لوحة التحكم وانتقل إلى تبويب Mobile للحصول على تدفق عمل إرشادي من ثلاث خطوات:

• Appearance — راجع أيقونة تطبيقك واسمه ولون السمة. إذا لم يكن دعم الجوال مُعدّاً بعد، انقر على Set up mobile support وسيتولى Proyecta الإعداد بخطوة واحدة — دون الحاجة إلى كتابة أي مطالبة.
• Test — امسح رمز QR لفتح تطبيقك المنشور على هاتف حقيقي (راجع الاختبار على الجوال).
• Publish to App Store — دليل تفصيلي خطوة بخطوة لتغليف تطبيقك وتقديمه إلى متاجر التطبيقات (راجع النشر على متاجر التطبيقات).

يأتي قالب webapp مزوداً بملف web app manifest (site.webmanifest) وservice worker (sw.js)، لذا تكون أسس تطبيق PWA القابل للتثبيت والعمل بدون إنترنت موجودة منذ أول build — ويقوم تبويب Mobile والذكاء الاصطناعي فقط بتخصيصها لتطبيقك.

مسار PWA

أسرع طريق هو زر Set up mobile support في تبويب Mobile. وإن أردت التحديد بنفسك، يمكنك أيضاً مطالبة الذكاء الاصطناعي مباشرةً:

Add PWA support to my app:
- Web app manifest with name, icons, theme color
- Service worker with offline cache for the app shell
- Service worker with update toast on new version

في كلتا الحالتين، يتم إعداد الـ manifest والـ service worker. بعد النشر، يستطيع المستخدمون:

• فتح تطبيقك في أي متصفح جوال
• النقر على قائمة المتصفح واختيار Add to Home Screen (على iOS) أو Install app (على Android)
• تشغيله كتطبيق أصلي من شاشتهم الرئيسية

تطبيقات PWA على iOS 16.4 وما بعده تدعم أيضاً Web Push، لذا تعمل الإشعارات — راجع إشعارات Push للإعداد.

الذهاب أعمق: التغليف الأصلي

إذا كنت تحتاج إلى الشحن إلى App Store أو Google Play، فالمسار الموصى به هو تغليف تطبيق PWA المنشور:

1. انشر على نطاقك الفرعي *.proyecta.live (أو نطاق مخصص)
2. افتح pwabuilder.com وأدخل رابط تطبيقك
3. أنشئ الحزم الأصلية — Android (AAB)، وiOS (مشروع Xcode)، وWindows (MSIX)
4. قدّم التطبيق إلى المتجر المعني

راجع النشر على متاجر التطبيقات للتفاصيل.

حدود يجب معرفتها

• قد ترفض Apple تطبيقات WebView الخالصة التي لا تضيف وظائف أصلية. ضع ذلك في الاعتبار قبل استهداف App Store.
• إشعارات push على iOS تتطلب أن يقوم المستخدم بتثبيت تطبيق PWA من Safari أولاً (وليس من تغليف أصلي).
• الكاميرا، وGPS، وجهات الاتصال تعمل جميعها عبر واجهات برمجة ويب — أما الـ APIs الأصلية حصراً (HealthKit، وARKit) فلا يمكن الوصول إليها من تغليف PWA.

قادم قريباً

• قوالب React Native / Expo أصلية للمشاريع التي تحتاج إلى shells أصلية حقيقية
• تكامل Capacitor كمسار بديل للتغليف
• معالج نشر متاجر التطبيقات داخل الـ builder (الأيقونات، وشاشات البداية، ونصوص قوائم المتجر)
• إدارة بيانات تعريف متاجر التطبيقات متزامنة مع الـ builder