Mobile Apps

Erstelle mobilfreundliche Web-Apps in Proyecta. PWAs funktionieren heute schon; native iOS/Android-Wrapper über PWA Builder.

Proyecta erstellt Web-Apps. Der schnellste Weg zu „einer App auf dem Handy” ist eine responsive Web-App – optional als Progressive Web App (PWA) erweitert, damit Nutzer sie auf ihrem Startbildschirm installieren und (auf unterstützten Plattformen) Push-Benachrichtigungen, Offline-Unterstützung und ein Vollbild-Erlebnis erhalten können.

Für die native Distribution über den App Store, Google Play oder den Microsoft Store verpackst du die veröffentlichte PWA mit einem Tool wie PWA Builder.

Was du von Anfang an bekommst

• Responsiver Viewport-Umschalter im Builder — wechsle beim Bearbeiten zwischen Desktop-, Tablet- und Mobile-Vorschauen
• Mobile-first-KI-Prompts — die KI weiß, wie man responsive Layouts erstellt, wenn du danach fragst
• Push-Benachrichtigungen über das Proyecta SDK — siehe Push Notifications
• Mobile Builder-Oberfläche — Proyecta selbst funktioniert auf Mobilgeräten, sodass du auch unterwegs entwickeln kannst

Der PWA-Weg

Für die meisten Apps ist eine PWA die richtige Wahl:

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

Die KI richtet das Manifest und den Service Worker ein. Nach der Veröffentlichung können Nutzer:

• Deine App in jedem mobilen Browser öffnen
• Das Browsermenü antippen und Add to Home Screen (iOS) oder Install app (Android) wählen
• Sie wie eine native App vom Startbildschirm aus starten

PWAs auf iOS 16.4+ unterstützen auch Web Push, sodass Benachrichtigungen funktionieren — siehe Push Notifications für die Einrichtung.

Tiefer gehen: native Wrapper

Wenn du im App Store oder bei Google Play veröffentlichen möchtest, empfiehlt sich das Verpacken deiner veröffentlichten PWA:

1. Veröffentliche auf deiner *.proyecta.live-Subdomain (oder einer eigenen Domain)
2. Öffne pwabuilder.com und gib deine URL ein
3. Generiere native Pakete — Android (AAB), iOS (Xcode-Projekt), Windows (MSIX)
4. Reiche sie beim jeweiligen Store ein

Siehe Publish to App Stores für weitere Details.

Wichtige Einschränkungen

• Apple kann reine WebView-Apps ablehnen, die keine native Funktionalität hinzufügen. Bedenke dies, bevor du den App Store als Ziel anvisierst.
• Push-Benachrichtigungen auf iOS erfordern, dass der Nutzer die PWA zunächst aus Safari heraus installiert (nicht über einen Wrapper).
• Kamera, GPS, Kontakte funktionieren alle über Web-APIs — native APIs (HealthKit, ARKit) sind über einen PWA-Wrapper nicht erreichbar.

Demnächst verfügbar

• Native React Native / Expo-Templates für Projekte, die echte native Shells benötigen
• Capacitor-Integration als alternativer Wrapping-Weg
• App-Store-Veröffentlichungsassistent im Builder (Icons, Splash Screens, Store-Beschreibungstexte)
• Verwaltung von App-Store-Metadaten, synchronisiert mit dem Builder