Skip to main content

Documentation Index

Fetch the complete documentation index at: https://docs.replit.com/llms.txt

Use this file to discover all available pages before exploring further.

Les applications sont les nouveaux sites web, et tout le monde devrait pouvoir en créer. En combinant l’environnement de développement basé sur navigateur de Replit avec Expo, la création d’applications mobiles est désormais aussi simple que la création d’un site web.
Ce tutoriel vous guidera dans la création d’une application mobile avec Replit et Expo, de la configuration de votre environnement à la publication de votre application sur votre appareil.
Regardez la série vidéo en deux parties de Replit pour apprendre à créer et publier une application mobile avec Replit et Expo.

Partie 1 : Créer une application mobile en cinq minutes

Apprenez à créer une application native iPhone/Android avec Replit et Expo en seulement cinq minutes — idéal pour les débutants.

Démarrer avec Replit et Expo

1

Prérequis

Avant de commencer, vous aurez besoin de :
  • Un compte Replit (gratuit)
  • L’application Expo Go installée sur votre appareil mobile
  • Un compte Expo EAS (gratuit)
Pour la publication sur les App Stores ultérieurement, vous aurez besoin de :
2

Remixer le modèle

Commencez par visiter le Modèle Expo sur Replit et sélectionnez « Remix » pour créer votre propre copie. Cela crée une copie complète du modèle dans votre compte Replit, incluant tous les fichiers, configurations et dépendances.
3

Exécuter le modèle

Sélectionnez le bouton « Exécuter » dans l’Éditeur de projet. La console affichera un code QR qui lie l’application Expo Go à votre projet Replit.
4

Prévisualiser sur votre appareil

Ouvrez l’application Expo Go sur votre téléphone et scannez le code QR affiché dans l’Éditeur de projet. Cela chargera votre application directement sur votre téléphone. La compilation du projet peut prendre une minute ou deux.
Expo utilise React Native pour vous aider à créer des applications pour iOS, Android et le web à partir d’une seule base de code. Cela signifie que vous pouvez créer une application une seule fois et la rendre disponible sur toutes les plateformes.
La démocratisation du développement mobile grâce à Replit et Expo rend la création d’applications accessible à tous, pas seulement aux développeurs professionnels.

Personnaliser votre application avec Agent

1

Choisir votre outil IA

Utilisez Agent pour créer votre application Expo :
  • Mode Build : Idéal pour les fonctionnalités complexes et les changements majeurs. Le modèle Expo utilise l’Agent général, qui prend en charge n’importe quel framework.
  • Mode Lite : Idéal pour les petits changements et les explications de code.
  • Mode Plan : Idéal pour la planification et le brainstorming.
2

Utiliser le langage naturel pour créer votre application

Décrivez ce que vous souhaitez que votre application fasse en langage naturel. Par exemple, vous pourriez demander : « Crée une application qui me montre une image aléatoire d’un chat chaque fois que j’appuie sur un bouton. »
3

Itérer sur mobile

L’une des fonctionnalités les plus puissantes est la capacité à continuer à développer sur votre appareil mobile :
  1. Ouvrez l’application mobile Replit
  2. Trouvez votre projet
  3. Utilisez Agent pour effectuer des modifications et des améliorations
  4. Voyez les mises à jour apparaître en temps réel
Vous souhaitez créer une application mobile depuis zéro avec Agent ? Consultez Créer des applications mobiles avec Agent pour en savoir plus sur la création d’applications Expo React Native directement depuis la page d’accueil de Replit.

Partie 2 : Publier votre application mobile

Apprenez à déployer votre application Replit Expo sur iOS en moins de 10 minutes — du développement à l’installation sur votre iPhone.

Publier votre application sur votre appareil

Bien que ce guide se concentre sur le déploiement iOS, les mêmes étapes Replit et Expo s’appliquent au développement Android. Pour Android, suivez le guide de déploiement Android d’Expo et le processus Google Play Console.
1

Prérequis

Avant de publier, vous aurez besoin de :Remarque : Après avoir configuré votre compte développeur Apple, vous devrez peut-être attendre 16 à 24 heures qu’Apple approuve votre profil.
2

Initialiser EAS

EAS (Expo Application Services) sert d’interface entre votre build et Expo, ainsi que l’App Store.
  1. Arrêtez votre application si elle est en cours d’exécution
  2. Dans le menu déroulant de l’Éditeur de projet, sélectionnez « EAS init »
  3. Connectez-vous à votre compte Expo lorsque vous y êtes invité
  4. Créez un nouveau projet ou sélectionnez-en un existant
Cette étape authentifie votre application avec votre compte Expo.
3

Exécuter la mise à jour EAS

Cette étape d’initialisation aide à configurer votre projet et à le lier à votre compte développeur Apple.
  1. Dans le menu déroulant, sélectionnez « EAS update »
  2. Attendez que le bundler Metro démarre et termine le processus d’exportation
Vous saurez que cette étape est réussie quand vous verrez que les bundles ont été téléchargés et qu’une branche a été créée.
4

Compiler pour iOS

Il est maintenant temps de créer une build de prévisualisation pour votre appareil iOS.
  1. Dans le menu déroulant, sélectionnez « EAS publish preview iOS »
  2. Entrez un identifiant de bundle iOS (par ex., com.votrenom.vomnomdapp)
  3. Connectez-vous à votre compte App Store Connect lorsque vous y êtes invité
  4. Sélectionnez votre équipe de développeur individuel
  5. Générez les certificats de distribution de l’appareil lorsque vous y êtes invité
En savoir plus sur les certificats et profils de provisionnement iOS.
5

Enregistrer votre appareil

Pour installer des applications de développement sur votre iPhone, vous devez enregistrer votre appareil.
  1. Lorsque vous y êtes invité, sélectionnez « website » pour enregistrer votre appareil
  2. Scannez le code QR qui apparaît avec votre iPhone
  3. Téléchargez le profil de développement lorsque vous y êtes invité
  4. Allez dans les Paramètres sur votre iPhone
  5. Sélectionnez « Profil téléchargé » en haut
  6. Installez le profil et entrez votre code d’accès lorsque vous y êtes invité
  7. Retournez dans l’Éditeur de projet et appuyez sur n’importe quelle touche pour continuer
6

Attendre la compilation

Expo va maintenant compiler votre application, ce qui prend environ 10 à 15 minutes selon la complexité de votre application.
  1. La compilation sera mise en file d’attente
  2. Vous pouvez vérifier la progression dans votre tableau de bord Expo sous l’onglet « Builds »
  3. Une fois terminée, un nouveau code QR apparaîtra pour installer l’application
7

Installer l'application sur votre appareil

Lorsque la compilation est terminée, installez l’application sur votre iPhone.
  1. Scannez le code QR d’installation avec votre iPhone
  2. Sélectionnez « Installer » lorsque vous y êtes invité
  3. L’application commencera à s’installer sur votre écran d’accueil
8

Activer le mode développeur

Avant de pouvoir ouvrir l’application, vous devez activer le mode développeur sur votre iPhone.
  1. Allez dans Réglages > Confidentialité et sécurité
  2. Faites défiler jusqu’en bas et trouvez « Mode développeur »
  3. Activez-le
  4. Redémarrez votre appareil lorsque vous y êtes invité
  5. Après le redémarrage, vous pouvez ouvrir et utiliser votre application !

Ce que vous avez accompli

En suivant ce tutoriel, vous avez maintenant une vraie application mobile native sur votre appareil. La plupart des développeurs auraient besoin de jours ou de semaines pour y arriver, mais vous l’avez fait en environ une heure.
Après avoir terminé ce tutoriel, vous pouvez :

Problèmes courants et solutions

  • Essayez de recharger l’application (secouez l’appareil et sélectionnez « Reload »)
  • Assurez-vous d’avoir sauvegardé vos modifications dans l’Éditeur de projet
  • Vérifiez la console pour toute erreur
  • Consultez la documentation du mode développement d’Expo

Conclusion

Avec Replit et Expo, créer des applications mobiles n’a jamais été aussi facile ou rapide. Vous pouvez passer d’une idée à une application en quelques heures, pas en semaines ou en mois. La combinaison du développement basé sur navigateur et du framework mobile multiplateforme supprime les barrières traditionnelles à l’entrée dans le développement mobile.