मोबाइल ऐप्स

Proyecta में mobile-friendly web apps बनाएं। PWAs आज उपलब्ध हैं; PWA Builder के ज़रिए native iOS/Android wrappers।

Proyecta web apps बनाता है। “फ़ोन पर एक ऐप” पाने का सबसे तेज़ रास्ता है एक responsive web app — जिसे optionally एक Progressive Web App (PWA) के रूप में बेहतर बनाया जा सके, ताकि users इसे अपने home screen पर install कर सकें और (supported platforms पर) push notifications, offline support, और full-screen experience पा सकें।

App Store, Google Play, या Microsoft Store के ज़रिए native distribution के लिए, आप PWA Builder जैसे tool का उपयोग करके अपने published PWA को wrap करते हैं।

आपको box से बाहर क्या मिलता है

Builder में Responsive viewport switcher — editing करते समय Desktop / Tablet / Mobile previews के बीच switch करें
Mobile-first AI prompts — AI जानता है कि जब आप कहें तो responsive layouts कैसे बनाएं
Mobile dashboard tab — एक dedicated Mobile panel जिसमें Appearance, Test, और Publish steps हैं, आपके app को एक installable mobile app बनाने के लिए
Push notifications — देखें Push Notifications
Mobile builder UI — Proyecta खुद फ़ोन पर काम करता है, इसलिए आप चलते-फिरते build कर सकते हैं

Mobile tab

Dashboard खोलें और एक guided, तीन-step flow के लिए Mobile tab पर switch करें:

Appearance — अपने app icon, name, और theme color की समीक्षा करें। अगर mobile support अभी तक set up नहीं हुई है, तो Set up mobile support पर click करें और Proyecta इसे एक step में आपके लिए wire up कर देता है — कोई prompt लिखने की ज़रूरत नहीं।
Test — अपने published app को एक real phone पर खोलने के लिए QR code scan करें (देखें Test on Mobile)।
Publish to App Store — app stores पर packaging और submitting के लिए एक step-by-step walkthrough (देखें Publish to App Stores)।

Webapp template पहले से ही एक web app manifest (site.webmanifest) और एक service worker (sw.js) ship करता है, इसलिए पहले build से ही एक installable, offline-capable PWA की नींव तैयार है — Mobile tab और AI बस इसे आपके app के अनुसार tailor करते हैं।

PWA path

सबसे तेज़ रास्ता है Mobile tab में Set up mobile support button। अगर आप specific रहना चाहते हैं, तो आप AI से सीधे भी पूछ सकते हैं:

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 set up हो जाते हैं। एक बार publish करने के बाद, users कर सकते हैं:

किसी भी mobile browser में आपका app खोलें
Browser menu tap करें और Add to Home Screen (iOS) या Install app (Android) चुनें
अपने home screen से इसे एक native app की तरह launch करें

iOS 16.4+ पर PWAs Web Push को भी support करती हैं, इसलिए notifications काम करती हैं — setup के लिए देखें Push Notifications।

आगे बढ़ना: native wrappers

अगर आपको App Store या Google Play पर ship करना है, तो recommended रास्ता है अपने published PWA को wrap करना:

अपने *.proyecta.live subdomain (या एक custom domain) पर publish करें
pwabuilder.com खोलें और अपना URL डालें
Native packages generate करें — Android (AAB), iOS (Xcode project), Windows (MSIX)
संबंधित store पर submit करें

विवरण के लिए देखें Publish to App Stores।

जानने योग्य सीमाएं

Apple pure WebView apps को reject कर सकता है जो native functionality नहीं जोड़तीं। App Store को target करने से पहले इस पर विचार करें।
iOS पर Push notifications के लिए ज़रूरी है कि user पहले Safari से PWA install करे (किसी wrapper से नहीं)।
Camera, GPS, contacts सभी web APIs के ज़रिए काम करते हैं — native-only APIs (HealthKit, ARKit) एक PWA wrapper से accessible नहीं हैं।

जल्द आने वाला

Native React Native / Expo templates उन projects के लिए जिन्हें सच्चे native shells की ज़रूरत है
Capacitor integration एक alternative wrapping path के रूप में
In-builder app store publishing wizard (icons, splash screens, store listing copy)
App store metadata management builder के साथ sync होकर