Passer au contenu principal
Application mobile en cours d'exécution dans la prévisualisation de l'espace de travail Replit avec le panneau Prévisualisation sur l'appareil et le code QR
Construisez des applications iOS et Android avec Agent, prévisualisez-les sur votre téléphone et publiez-les via un processus guidé.

Premiers pas

Vous pouvez obtenir une application mobile fonctionnelle en quelques étapes :
1

Créer une application mobile

Sur l’écran d’accueil de Replit, décrivez votre idée d’application et sélectionnez Application mobile comme type d’application.
Écran d'accueil Replit avec Application mobile sélectionnée comme type d'application
2

Tester votre application

Vous disposez de deux façons de prévisualiser une application mobile pendant la construction :
  • Dans votre espace de travail : Dans le sélecteur d’appareils du panneau Preview, choisissez Simulateur iOS ou Émulateur Android. Un vrai simulateur se diffuse dans votre espace de travail pour que vous puissiez naviguer sans quitter Replit. Ni Xcode ni Android Studio ne sont requis.
  • Sur un vrai téléphone avec Expo Go : Installez Expo Go sur votre iPhone ou appareil Android. Sur le bureau, sélectionnez Ouvrir dans Expo Go dans le panneau Preview et scannez le code QR. Dans l’application mobile Replit, appuyez sur Ouvrir dans Expo Go en haut de la prévisualisation.
Espace de travail Replit montrant la prévisualisation de l'application et l'option Prévisualisation sur appareil mobile
3

Itérer avec Agent

Demandez à Agent d’ajouter des fonctionnalités, de connecter des sources de données ou d’intégrer des services. Continuez à tester dans le simulateur ou sur votre téléphone pendant que vous itérez.
Le Simulateur iOS et l’Émulateur Android intégrés à l’espace de travail affichent la version native de votre application, y compris le style spécifique à la plateforme et la plupart des composants natifs. Pour les fonctionnalités qui dépendent du vrai matériel — haptiques, caméra, notifications push ou localisation — testez sur un vrai téléphone avec Expo Go.

Prévisualisation sur un simulateur ou un émulateur

Replit vous permet d’exécuter et de tester vos applications mobiles sur votre téléphone avec Expo. Alternativement, Replit diffuse un vrai Simulateur iOS ou Émulateur Android directement dans le panneau Preview. Les modifications apportées avec Agent se rechargent à chaud dans le simulateur, exactement comme sur un vrai appareil.
Les prévisualisations via le Simulateur iOS et l’Émulateur Android sont disponibles pour les créateurs abonnés aux plans Core, Pro et Entreprise. Applications mobiles uniquement — l’option est masquée pour les projets uniquement web.

Comment ouvrir un simulateur

1

Ouvrir votre projet mobile

Ouvrez un projet comportant un artefact mobile.
2

Choisir votre appareil

Dans le sélecteur d’appareils du panneau Preview en haut, choisissez Simulateur iOS ou Émulateur Android. Le simulateur démarre à la place de la prévisualisation web.
3

Interagir comme sur un vrai appareil

Appuyez, faites glisser, tapez et naviguez à l’aide de votre souris et de votre clavier. Sélectionnez Redémarrer dans la barre d’outils pour recharger l’application sans redémarrer le simulateur.
Le simulateur s’exécute dans le cloud et se diffuse dans votre navigateur, il n’y a donc rien à télécharger ni à configurer. Les fichiers de votre projet restent sur Replit.

Compatibilité des navigateurs

  • Chrome, Safari et les navigateurs basés sur Chromium sont entièrement pris en charge.
  • Firefox n’est pas pris en charge. Les options iOS et Android apparaissent désactivées avec une note « Firefox non pris en charge » lorsque vous ouvrez Replit dans Firefox. Il s’agit d’une limitation de la technologie de diffusion qui alimente le simulateur.

Quand utiliser Expo Go à la place

Utilisez Expo Go sur un vrai téléphone lorsque vous devez tester des fonctionnalités qui dépendent du vrai matériel ou lorsque vous souhaitez partager une prévisualisation avec quelqu’un qui n’est pas devant votre ordinateur :
  • Caméra, microphone, haptiques ou autres capteurs natifs
  • Notifications push
  • Localisation GPS réelle
  • Partage d’une prévisualisation en direct avec un coéquipier, un testeur ou un investisseur
Pour ouvrir votre application dans Expo Go, sélectionnez Ouvrir dans Expo Go dans le sélecteur d’appareils du panneau Preview et scannez le code QR avec l’application Expo Go sur votre téléphone.

Simulateur en plein écran

Depuis une carte d’artefact mobile, sélectionnez Plus d’actionsOuvrir dans le Simulateur iOS ou Ouvrir dans l’Émulateur Android pour ouvrir le simulateur dans son propre onglet avec une zone d’affichage plus grande.

Pourquoi construire une application mobile ?

Construisez une application mobile lorsque vous souhaitez :
  • Une expérience native : Performances rapides, interactions fluides et interface utilisateur native à la plateforme.
  • Capacités de l’appareil : Caméra, notifications push, localisation, et plus encore.
  • Distribution via l’App Store : Une liste partageable que les gens peuvent découvrir et installer.

Fonctionnalités clés

  • Création axée sur l’IA : Décrivez votre application, et Agent structure une application mobile fonctionnelle.
  • Prévisualisation dans l’espace de travail : Testez sur un Simulateur iOS ou un Émulateur Android sans quitter Replit, ou prévisualisez sur votre téléphone avec Expo Go.
  • Full-stack par défaut : Ajoutez des routes serveur, une base de données, un stockage d’application, des connecteurs et des intégrations IA à mesure que votre application évolue.
  • Publication guidée : Publiez sur l’App Store et soumettez des builds sans gérer les chaînes d’outils iOS locales.

Workflow de développement

Il y a trois étapes pour accéder à votre application, chacune avec différents publics et capacités :
ÉtapeQui peut y accéderComment y accéderIdéal pour
DéveloppementVousSimulateur intégré à l’espace de travail, ou code QR pour Expo GoConstruire et itérer
DéploiementToute personne avec Expo GoURL publique avec code QRPrototypage et démonstrations
App StoreTout le mondeTéléchargement depuis l’App StorePublication en production
Développement : Lorsque vous démarrez votre application, vous pouvez la prévisualiser dans le Simulateur iOS ou l’Émulateur Android intégrés à l’espace de travail, ou scanner un code QR depuis le panneau Preview pour l’ouvrir dans Expo Go sur votre téléphone. Déploiement : Lorsque vous cliquez sur Publier, Replit crée une URL publique avec un code QR. Toute personne avec Expo Go peut le scanner et exécuter votre application. C’est idéal pour le prototypage — montrez aux investisseurs, recueillez des retours ou testez avec des amis avant de vous engager sur l’App Store. App Store : Lorsque vous soumettez à l’App Store, les utilisateurs peuvent télécharger et installer votre application de façon permanente. Cela nécessite un compte Apple Developer et passe par le processus de révision d’Apple.

Aperçu de la publication

Lorsque vous publiez pour iOS, le processus se déroule généralement ainsi :
  • Publier depuis votre espace de travail
  • Soumettre un build à TestFlight
  • Promouvoir un build TestFlight vers l’App Store dans App Store Connect
Pour publier sur TestFlight et soumettre à l’App Store, Apple exige une adhésion au programme Apple Developer.
Pour un tutoriel complet, consultez le tutoriel Construire et lancer une application mobile.

Construire en déplacement

Votre environnement Replit fonctionne dans le cloud, pas sur votre machine locale. Cela signifie que vous pouvez construire des applications mobiles de n’importe où — y compris depuis l’application mobile Replit. Ouvrez votre projet, invitez Agent et appuyez sur Ouvrir dans Expo Go pour prévisualiser vos changements sur votre téléphone.

Comment fonctionne la technologie

Votre application mobile est construite avec un ensemble de technologies qui fonctionnent ensemble. Cette section explique ce qui alimente votre application et comment les pièces s’assemblent.

La stack technologique

  • React Native est un framework open source qui vous permet d’écrire une seule base de code et de la compiler pour iOS, Android et le web. Il affiche des composants d’interface natifs à la plateforme, pas une webview.
  • Expo simplifie le développement React Native en gérant les builds, les modules natifs et en fournissant des outils comme Expo Go pour les prévisualisations.
  • Expo Go est une application gratuite que vous installez sur votre téléphone. Elle exécute votre prévisualisation de développement pour que vous puissiez tester sur un vrai appareil sans construire un binaire natif complet.
Lorsque vous exécutez votre application, le bundler Metro compile votre code et le pousse vers votre appareil. Le premier build prend plus de temps car il n’y a pas de cache. Les builds suivants sont plus rapides.

Architecture : serveur et client

Lorsque vous publiez une application mobile, vous déployez deux choses :
  1. Un serveur qui fonctionne sur Replit dans le cloud. Il gère votre base de données, les routes API, les intégrations IA et la logique backend.
  2. Une application client qui fonctionne sur le téléphone de l’utilisateur. C’est l’application native distribuée via l’App Store ou Expo Go.
Cette séparation vous offre de la flexibilité. Vous pouvez exécuter une logique complexe sur le serveur (où vous avez accès à la base de données, au stockage d’objets et aux connecteurs de Replit) et garder le client léger. Pendant que vous construisez, réfléchissez à ce qui doit se passer sur le téléphone par rapport à ce qui doit se passer dans le cloud.

Considérations

  • Exigences de publication : Apple fixe les exigences pour TestFlight et l’App Store.
  • Publication Android : Vous pouvez construire des applications cross-plateforme pour iOS et Android. La publication sur Google Play n’est pas encore prise en charge via une expérience guidée, mais peut être accomplie manuellement.
  • Changements natifs : Les changements comme les icônes d’application ou les permissions nécessitent généralement un nouveau build de store.

Dépannage

Si vous rencontrez des problèmes lors du développement de votre application mobile, consultez Dépannage des applications mobiles pour les problèmes courants et leurs solutions.

Prochaines étapes

FAQ

Expo est ce qu’Agent utilise pour construire votre application mobile sur Replit. C’est une plateforme et une chaîne d’outils open source pour construire, exécuter et déployer des applications natives cross-plateforme avec React Native. En savoir plus sur https://expo.dev.
React Native est un framework open source de Meta pour construire des applications iOS et Android natives en utilisant React et JavaScript ou TypeScript. Il affiche des composants d’interface natifs à la plateforme (pas une webview), donc votre application a l’apparence et la sensation d’une application native.
Expo Go est une application gratuite que vous installez sur votre téléphone depuis l’App Store ou Google Play. Elle vous permet de prévisualiser votre application mobile pendant le développement sans construire un binaire natif complet. Lorsque vous scannez le code QR dans votre espace de travail, Expo Go télécharge et exécute le code de votre application.
Expo Go est une application pré-construite qui exécute votre code. Elle est rapide à configurer mais ne prend en charge que les modules inclus dans le SDK Expo.Les builds de développement sont des binaires natifs personnalisés qui peuvent inclure n’importe quel module natif. Ils nécessitent plus de configuration (EAS Build ou Xcode/Android Studio local) mais offrent plus de flexibilité.Replit utilise Expo Go pour les prévisualisations de développement. Si vous avez besoin de modules natifs non pris en charge dans Expo Go, vous devrez peut-être explorer les builds de développement via la documentation d’Expo.
Une application web responsive pour mobile est un site web qui adapte sa mise en page dans le navigateur. Une application React Native est une application native installée sur l’appareil qui utilise les API de la plateforme (caméra, haptiques, notifications push), offre un meilleur accès au matériel et aux capacités hors ligne, et est distribuée via les app stores. Le web responsive peut être idéal pour la portée et l’installation zéro ; le natif est meilleur lorsque vous avez besoin de fonctionnalités de l’appareil, de performances ou de distribution via l’App Store.
Non. Replit et Expo gèrent le processus de build pour vous dans le cloud.
Oui. Vous pouvez prévisualiser dans le Simulateur iOS intégré à l’espace de travail ou avec Expo Go sur votre téléphone. Vous n’avez besoin d’un compte Apple Developer que lorsque vous êtes prêt à publier sur TestFlight ou l’App Store.
Oui. Vous pouvez construire des applications cross-plateforme pour iOS et Android à partir de la même base de code. Prévisualisez sur un Émulateur Android dans votre espace de travail ou sur un appareil Android avec Expo Go. La publication sur Google Play peut être effectuée manuellement.
Utilisez PostgreSQL intégré de Replit, le stockage d’objets, les connecteurs et les intégrations IA — aucune infrastructure séparée requise. Votre serveur fonctionne sur Replit et votre application mobile s’y connecte.
Utilisez les deux à différents moments. Le Simulateur iOS et l’Émulateur Android dans votre espace de travail affichent la version native de votre application et couvrent la plupart des tests quotidiens — mise en page, navigation, composants natifs et style de la plateforme. Passez à un vrai téléphone avec Expo Go lorsque vous devez tester des fonctionnalités qui dépendent du vrai matériel, comme la caméra, les haptiques, les notifications push ou la localisation GPS.