Mobiele Apps

Bouw mobielvriendelijke web-apps in Proyecta. PWA’s werken vandaag nog; native iOS/Android-wrappers via PWA Builder.

Proyecta bouwt web-apps. De snelste weg naar “een app op een telefoon” is een responsieve web-app — optioneel uitgebreid als een Progressive Web App (PWA), zodat gebruikers hem aan hun startscherm kunnen toevoegen en (op ondersteunde platforms) pushmeldingen, offline-ondersteuning en een volledig schermervaring krijgen.

Voor native distributie via de App Store, Google Play of Microsoft Store wikkel je de gepubliceerde PWA in met een tool zoals PWA Builder.

Wat je standaard krijgt

• Responsieve viewport-wisselaar in de builder — schakel tussen Desktop-, Tablet- en Mobiel-previews tijdens het bewerken
• Mobile-first AI-prompts — de AI weet hoe hij responsieve layouts moet bouwen wanneer je daarom vraagt
• Pushmeldingen via de Proyecta SDK — zie Pushmeldingen
• Mobiele builder-UI — Proyecta zelf werkt op telefoons, zodat je ook onderweg kunt bouwen

Het PWA-pad

Voor de meeste apps is een PWA het juiste antwoord:

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

De AI stelt het manifest en de service worker in. Zodra je publiceert, kunnen gebruikers:

• Je app openen in elke mobiele browser
• Op het browsermenu tikken en Add to Home Screen (iOS) of Install app (Android) kiezen
• De app als een native app starten vanaf hun startscherm

PWA’s op iOS 16.4+ ondersteunen ook Web Push, zodat meldingen werken — zie Pushmeldingen voor de instelling.

Dieper gaan: native wrappers

Als je naar de App Store of Google Play wilt uitbrengen, is het aanbevolen pad om je gepubliceerde PWA te wikkelen:

1. Publiceer naar je *.proyecta.live-subdomein (of een eigen domein)
2. Open pwabuilder.com en voer je URL in
3. Genereer native pakketten — Android (AAB), iOS (Xcode-project), Windows (MSIX)
4. Dien ze in bij de betreffende store

Zie Publiceren in App Stores voor meer informatie.

Beperkingen om te kennen

• Apple kan pure WebView-apps weigeren die geen native functionaliteit toevoegen. Houd hier rekening mee voordat je de App Store als doel stelt.
• Pushmeldingen op iOS vereisen dat de gebruiker de PWA eerst vanuit Safari installeert (niet vanuit een wrapper).
• Camera, GPS, contactpersonen werken allemaal via web-API’s — native-only API’s (HealthKit, ARKit) zijn niet bereikbaar vanuit een PWA-wrapper.

Binnenkort beschikbaar

• Native React Native / Expo-sjablonen voor projecten die een echte native shell nodig hebben
• Capacitor-integratie als alternatief wrapping-pad
• In-builder app store-publicatiewizard (iconen, splash screens, tekst voor de store-vermelding)
• Beheer van app store-metadata gesynchroniseerd met de builder