Tutoriels
Intermédiaire
Vous apprendrez
- Exigences des applications mobiles
- Génération React Native
- Intégration des fonctionnalités natives
- Tests basés sur Docker
- Déploiement sur les magasins d'applications
- Publication dans l'Économie des créateurs
Créer une application mobile
Créez des applications iOS et Android prêtes pour la production en 25 minutes
Vous voulez toucher les utilisateurs sur leurs téléphones ? Dans ce tutoriel, vous allez construire une application de fitness mobile complète pour iOS et Android. Regardez comment Conductor planifie et Virtuoso construit votre application React Native dans de réels conteneurs Docker - avec de véritables builds et tests.
Ce que nous allons construire
Une application de suivi de fitness avec : journal d'entraînement, graphiques de progression, notifications push, intégration Health Kit, support hors ligne et partage social - prête pour la production sur l'App Store et Google Play.
Prérequis
- Avoir terminé le tutoriel Premiers pas
- Compte Nxcode (Lite ou Pro)
- Aucune expérience en développement mobile requise
Développement mobile avec Nxcode
Nxcode génère des applications React Native qui s'exécutent nativement sur iOS et Android. Voici ce qui le rend différent :
Code natif réel
Pas une simple enveloppe web - du véritable React Native qui se compile en binaires natifs iOS et Android.
Tests Docker
Votre application se construit et s'exécute dans Docker. Si elle ne se compile pas, Virtuoso la corrige automatiquement.
Fonctionnalités natives
Appareil photo, notifications, Health Kit, géolocalisation - tout fonctionne immédiatement.
Une seule base de code
Un code unique pour les deux plateformes, avec des optimisations spécifiques à chaque plateforme si nécessaire.
Décrire votre application mobile
Dites à Conductor ce que vous voulez. Soyez spécifique sur les fonctionnalités natives :
Construisez une application de suivi de fitness pour iOS et Android :
Fonctionnalités de base :
- Journal d'entraînement avec exercices, séries, répétitions, poids
- Suivi cardio avec GPS pour les courses en extérieur
- Graphiques de progression montrant les gains de force au fil du temps
- Minuteur de repos entre les séries avec notifications
- Historique d'entraînement et records personnels
Intégration Santé :
- Synchronisation Apple Health / Google Fit
- Comptage des pas et activité quotidienne
- Fréquence cardiaque pendant les entraînements (si disponible)
Fonctionnalités sociales :
- Partager des résumés d'entraînement sur les réseaux sociaux
- Défis entre amis et classements
- Modèles d'entraînement communautaires
Support hors ligne :
- Fonctionnalité hors ligne complète
- Synchronisation lors du retour en ligne
Design :
- Mode sombre par défaut
- Grands boutons faciles à toucher
- Animations fluidesConductor planifie votre application mobile
Pour les applications mobiles, Conductor crée un plan qui gère les différences entre les plateformes :
Phase 1 : Configuration de base
- 1Initialiser React Native avec TypeScript
- 2Configurer la navigation (onglets + pile)
- 3Mettre en place la gestion d'état (Redux)
- 4Créer une couche de données orientée hors ligne
Phase 2 : Fonctionnalités d'entraînement
- 1Construire les écrans de journalisation d'entraînement
- 2Créer la base de données d'exercices
- 3Implémenter le minuteur de repos avec notifications
- 4Ajouter des graphiques de progression
Phase 3 : Intégration native
- 1Intégration Apple Health / Google Fit
- 2Suivi GPS pour le cardio
- 3Configuration des notifications push
- 4Appareil photo pour les photos de progression
Phase 4 : Social et finitions
- 1Intégration du partage social
- 2Système d'amis et défis
- 3Animations et retour haptique
- 4Génération des ressources pour les magasins d'applications
Conductor
Je planifie votre application de fitness. Quelques questions rapides : 1. Le suivi GPS doit-il fonctionner en arrière-plan pendant les courses ? 2. Voulez-vous des applications compagnons Apple Watch / Wear OS ? 3. Les données d'entraînement doivent-elles se synchroniser entre les appareils ? 4. Une base de données d'exercices spécifique (ou j'en crée une complète) ?
User
Oui pour le GPS en arrière-plan. Pas d'applications pour montre pour l'instant. Oui pour la synchronisation entre appareils. Créez une bonne base de données par défaut.
Conductor
Parfait ! J'ai créé 18 tâches réparties sur 4 phases. Virtuoso va construire et tester sur les simulateurs iOS et Android dans Docker. Cela prend environ 12-15 minutes. C'est parti !
Observer les builds mobiles dans Docker
Virtuoso exécute de véritables builds mobiles - pas seulement de la génération de code :
Bundle JavaScript créé et validé
Xcode compile dans Docker, les erreurs sont détectées tôt
Build Gradle avec le véritable SDK Android
Lancement des applications et test des flux de base
Permissions Health Kit, GPS et appareil photo vérifiées
Contrairement aux outils qui ne font que sortir du code, Nxcode construit réellement votre application. Si React Native génère des erreurs de build, Virtuoso les corrige automatiquement. Vous obtenez une application fonctionnelle, pas un projet cassé.
Intégration des fonctionnalités natives
Virtuoso gère la configuration native complexe :
Health Kit / Google Fit
Lecture des pas, des entraînements, de la fréquence cardiaque. Écriture des sessions d'entraînement. Gestion appropriée des permissions.
GPS et localisation en arrière-plan
Suivi des courses en extérieur même lorsque l'application est en arrière-plan. Implémentation optimisée pour la batterie.
Notifications Push
Notifications locales pour les minuteurs de repos. Notifications distantes pour l'activité des amis.
Hors ligne d'abord
SQLite pour le stockage local. Synchronisation en arrière-plan lors du retour en ligne. Résolution de conflits incluse.
Tester votre application mobile
Plusieurs façons de tester avant la soumission au magasin d'applications :
Aperçu Web
Aperçu rapide dans le navigateur. Idéal pour l'interface utilisateur, mais sans fonctionnalités natives.
Expo Go
Scannez le code QR, testez sur votre téléphone. La plupart des fonctionnalités fonctionnent.
Build de développement
Build natif complet pour tester toutes les fonctionnalités, y compris Health Kit.
TestFlight / Tests internes
Partagez avec des bêta-testeurs avant la sortie publique.
Déploiement sur les magasins d'applications
Nxcode simplifie le processus de soumission aux magasins d'applications :
- Cliquez sur "Build pour la production"
- Génération d'IPA (iOS) et AAB (Android) signés
- Génération automatique des captures d'écran du magasin
- Création de la politique de confidentialité et du texte de la fiche
- Téléchargement vers App Store Connect / Google Play Console
Ce qui est inclus
- Signature de code gérée automatiquement
- Génération de captures d'écran pour toutes les tailles d'appareils
- Suggestions de contenu pour la fiche de l'App Store
- Générateur de politique de confidentialité
- Gestion des versions
Monétiser votre application mobile
Transformez votre application en revenus récurrents :
Abonnements intégrés à l'application
Virtuoso peut ajouter des niveaux d'abonnement (gratuit, pro) avec la facturation App Store / Play Store.
Économie des créateurs
Référencez votre application sur la place de marché Nxcode. Les utilisateurs paient via notre plateforme, vous gardez 70 %.
Ventes directes
Vendez des fonctionnalités premium directement via votre propre compte Stripe.
De nombreuses applications de fitness facturent 9,99 $/mois. Avec 200 abonnés, cela représente 1 400 $/mois (après la part de 70 % de l'Économie des créateurs).
Ce que vous avez construit
- Application React Native prête pour la production
- Support natif iOS et Android
- Intégration Health Kit et GPS
- Architecture hors ligne d'abord
- Notifications push
- Builds prêts pour les magasins d'applications
Votre application mobile n'a pas été seulement générée - elle a été construite, testée sur des simulateurs iOS et Android, et vérifiée pour compiler réellement. C'est la différence Nxcode.
Étapes suivantes
Compagnon d'application Web
Ajoutez un tableau de bord Web pour votre application mobile
Compagnon d'application Web →Prêt à construire votre application mobile ?
Commencez à construire votre application iOS et Android dès maintenant.