Apps mobiles natives
Un projet natif est une application Expo / React Native pour iOS et Android. Cadrant génère l'app avec un accès complet aux APIs natives du device et ouvre l'aperçu dans un cadre téléphone par défaut.
Choisissez ce mode quand vous avez besoin de la caméra, des notifications push, des capteurs ou d'autres capacités natives — et quand vous voulez livrer une vraie app iOS store-native.
Ce que vous obtenez
- Stack Expo / React Native pour iOS et Android.
- APIs natives complètes : caméra, notifications push, capteurs, etc. — préférez les packages expo-*.
- Aperçu cadre téléphone dans Cadrant via Metro + react-native-web.
- QR code Expo Go pour un aperçu UI rapide sur téléphone (layout et navigation uniquement — pas pour valider les APIs natives).
- Onglet data Supabase : auth, base, stockage et Edge Functions.
- Sync GitHub et historique de versions.
- Publication App Store (iOS) via un parcours Apple Developer guidé.
Créer un projet natif
- Créez un projet et ouvrez l'onglet Application mobile.
- Sélectionnez « Natif » (pas « Webview / PWA »).
- Décrivez écrans, navigation et fonctionnalités natives dans le prompt.
- Itérez dans l'aperçu cadre téléphone jusqu'à ce que l'UX soit bonne.
Aperçu
L'aperçu natif utilise Metro. Dans Cadrant, l'app s'affiche dans un cadre téléphone via react-native-web. Vous pouvez aussi prévisualiser le layout sur un vrai appareil :
- Démarrez le serveur de preview depuis le projet.
- Installez Expo Go sur votre téléphone.
- Scannez le QR code affiché dans Cadrant pour ouvrir l'app live.
Data et GitHub
Comme pour les projets web : ouvrez l'onglet data pour Supabase (auth, base, stockage, Edge Functions), et connectez GitHub pour la sync et l'historique de versions.
Publier
Les projets natifs ne se publient pas comme une app web classique. Il n'y a ni slug Cadrant ni nom de domaine pour le binaire natif.
App Store (iOS)
Depuis l'en-tête du projet, ouvrez Publier App Store. Cadrant vous guide pour la connexion Apple Developer, les détails de l'app, le certificat et le build, puis envoie un binaire iOS sur votre compte App Store Connect.
- L'app est un vrai binaire Expo / React Native — pas une coque WebView.
- Vous restez propriétaire sous votre compte Apple Developer.
- Finalisez fiche, captures et revue dans App Store Connect.
- Validez les fonctionnalités natives sur appareil avec TestFlight avant App Review.
Étapes détaillées : Publier sur App Store Connect puis Tester avec TestFlight.
Workflow recommandé
Construire et prévisualiser l'UI
Itérez dans le cadre téléphone, et utilisez éventuellement Expo Go pour un contrôle rapide du layout sur téléphone. Expo Go ne sert pas à valider les APIs natives.Connecter le backend
Branchez Supabase et GitHub selon vos besoins depuis l'onglet data et les outils projet.Publier et tester avec TestFlight
Publiez sur App Store Connect, puis installez via TestFlight pour valider la caméra, le push, les capteurs et les autres fonctionnalités natives avant App Review.
Voir aussi
- Applications mobiles — choisir entre Natif et Webview / PWA.
- Apps mobiles Webview & PWA — URL partageable, installation PWA, coque App Store WebView.
- Publier sur App Store Connect — envoyer le binaire iOS depuis Cadrant.
- Tester avec TestFlight — valider les fonctionnalités natives sur un vrai appareil.