Applications mobiles PWA
Une PWA (Progressive Web App) est une application web que vos utilisateurs installent sur leur téléphone directement depuis le navigateur — sans passer par un store. Dans Cadrant, vous la construisez dans l'onglet Application mobile, option « Webview / PWA ».
C'est la façon la plus simple de mettre un produit mobile entre les mains des gens : vous publiez une URL, et cette URL est l'application.
Comment une PWA arrive chez vos utilisateurs
- Ils ouvrent votre URL sur leur téléphone, dans n'importe quel navigateur.
- Ils touchent « Ajouter à l'écran d'accueil » dans le menu du navigateur.
- L'app obtient sa propre icône et s'ouvre en plein écran, sans l'interface du navigateur.
- À chaque publication, tout le monde a la nouvelle version immédiatement — rien à télécharger, rien à faire valider.
Ce que vous obtenez
- UI mobile-first générée pour les écrans tactiles et les formats téléphone.
- Aperçu cadre téléphone dans Cadrant (mêmes onglets qu'une app web : preview, éditeur, code, data).
- Une URL Cadrant gratuite, ou votre propre nom de domaine, avec HTTPS inclus.
- Backend Supabase : auth, base de données, stockage et Edge Functions.
- Sync GitHub et historique de versions.
Publier
Depuis l'en-tête du projet, ouvrez Publier et choisissez un slug ou connectez un domaine personnalisé. Partagez le lien et c'est en ligne.
Détails sur le slug et les domaines : Publier votre projet.
Ce qu'une PWA ne peut pas faire
- Les APIs du device sont limitées par rapport à une app native — la caméra et les notifications push en particulier, et iOS les restreint plus qu'Android.
- Elle n'est pas sur l'App Store : personne ne la trouvera en cherchant dans le store.
Workflow recommandé
Construire et prévisualiser
Itérez dans le cadre téléphone jusqu'à ce que la navigation et les parcours clés fonctionnent.Publier l'URL
Choisissez un slug ou un domaine personnalisé, puis partagez le lien.Tester l'installation
Ouvrez l'URL sur un vrai téléphone et ajoutez-la à l'écran d'accueil pour vérifier l'icône, le splash et le plein écran.
Voir aussi
- Apps WebView pour l'App Store — mettre la même app sur l'App Store.
- Applications mobiles natives — APIs natives complètes, quand le navigateur ne suffit pas.
- Publier votre projet — slug et domaines personnalisés.