Applications mobiles

Créez des web apps adaptées aux mobiles dans Proyecta. Les PWAs fonctionnent dès aujourd’hui ; wrappers iOS/Android natifs via PWA Builder.

Proyecta crée des web apps. Le chemin le plus rapide pour « avoir une app sur un téléphone » est une web app responsive — optionnellement améliorée en Progressive Web App (PWA) pour que les utilisateurs puissent l’installer sur leur écran d’accueil et, sur les plateformes compatibles, recevoir des notifications push, bénéficier d’un support hors ligne et d’une expérience plein écran.

Pour une distribution native via l’App Store, Google Play ou le Microsoft Store, vous enveloppez la PWA publiée à l’aide d’un outil comme PWA Builder.

Ce que tu obtiens d’emblée

• Sélecteur de viewport responsive dans le builder — bascule entre les aperçus Desktop / Tablette / Mobile en cours d’édition
• Prompts IA mobile-first — l’IA sait créer des mises en page responsives quand tu le demandes
• Onglet Mobile dans le tableau de bord — un panneau Mobile dédié avec les étapes Appearance, Test et Publish pour transformer ton app en application mobile installable
• Notifications push — voir Notifications push
• Interface builder mobile — Proyecta fonctionne lui-même sur téléphone, tu peux donc construire où que tu sois

L’onglet Mobile

Ouvre le tableau de bord et bascule vers l’onglet Mobile pour un parcours guidé en trois étapes :

• Appearance — vérifie l’icône, le nom et la couleur de thème de ton app. Si le support mobile n’est pas encore configuré, clique sur Set up mobile support et Proyecta le met en place pour toi en une seule étape — sans prompt à rédiger.
• Test — scanne un QR code pour ouvrir ton app publiée sur un vrai téléphone (voir Tester sur mobile).
• Publish to App Store — un guide pas à pas pour packager et soumettre ton app aux stores (voir Publier sur les stores).

Le template webapp embarque déjà un manifeste web app (site.webmanifest) et un service worker (sw.js), donc les bases d’une PWA installable et capable de fonctionner hors ligne sont en place dès le premier build — l’onglet Mobile et l’IA les adaptent simplement à ton app.

Le parcours PWA

Le chemin le plus rapide est le bouton Set up mobile support dans l’onglet Mobile. Si tu préfères être précis, tu peux aussi demander directement à l’IA :

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

Dans les deux cas, le manifeste et le service worker sont configurés. Une fois publié, les utilisateurs peuvent :

• Ouvrir ton app dans n’importe quel navigateur mobile
• Appuyer sur le menu du navigateur et choisir Add to Home Screen (iOS) ou Install app (Android)
• La lancer comme une app native depuis leur écran d’accueil

Les PWAs sur iOS 16.4+ prennent également en charge Web Push, les notifications fonctionnent donc — voir Notifications push pour la configuration.

Aller plus loin : wrappers natifs

Si tu dois distribuer sur l’App Store ou Google Play, le parcours recommandé est d’envelopper ta PWA publiée :

1. Publie sur ton sous-domaine *.proyecta.live (ou un domaine personnalisé)
2. Ouvre pwabuilder.com et saisis ton URL
3. Génère les packages natifs — Android (AAB), iOS (projet Xcode), Windows (MSIX)
4. Soumets aux stores correspondants

Voir Publier sur les stores pour plus de détails.

Limites à connaître

• Apple peut rejeter les apps WebView pures qui n’ajoutent pas de fonctionnalités natives. Prends cela en compte avant de viser l’App Store.
• Les notifications push sur iOS nécessitent que l’utilisateur installe d’abord la PWA depuis Safari (pas depuis un wrapper).
• La caméra, le GPS, les contacts fonctionnent tous via les API web — les API natives uniquement (HealthKit, ARKit) ne sont pas accessibles depuis un wrapper PWA.

Bientôt disponible

• Templates natifs React Native / Expo pour les projets nécessitant de véritables shells natifs
• Intégration Capacitor comme alternative de wrapping
• Assistant de publication sur les stores intégré au builder (icônes, écrans de démarrage, textes de la fiche store)
• Gestion des métadonnées des stores synchronisée avec le builder