Passer au contenu principal

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 dans l’éditeur de projet sur replit.com, depuis la configuration de votre environnement jusqu’à la prévisualisation de votre application sur votre appareil.
Regardez la série vidéo en deux parties de Replit pour apprendre à créer et prévisualiser 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.

​
Premiers pas 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 une soumission ultérieure à l’App Store ou au Google Play, vous aurez besoin de :
2

Dupliquer 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

Cliquez sur le bouton « Run » dans l’éditeur de projet. La console affichera un QR code qui relie 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 QR code affiché dans l’éditeur de projet. Cela chargera votre application directement sur votre téléphone. La compilation du projet peut prendre une à deux minutes.
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 fois et la rendre disponible sur toutes les plateformes.
La démocratisation du développement mobile via 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 tous les frameworks.
  • 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 voulez que votre application fasse en langage naturel. Par exemple, vous pourriez demander : « Crée une application qui affiche une image aléatoire d’un chat chaque fois que j’appuie sur un bouton. »
3

Itérer dans l'éditeur de projet

Continuez à développer votre application mobile native dans l’éditeur de projet sur replit.com. Enregistrez vos modifications, puis rechargez Expo Go pour prévisualiser les mises à jour sur votre téléphone.
Vous souhaitez créer une application mobile de 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 : Prévisualiser votre application mobile

Apprenez à créer un build de prévisualisation iOS pour votre application Replit Expo.

​
Créer un build de prévisualisation pour 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 créer un build de prévisualisation iOS, vous aurez besoin de :
  • Votre application Replit de la Partie 1
  • Un compte Apple Developer (99 $/an) pour les builds de prévisualisation iOS et la soumission à l’App Store
  • Un iPhone (pour le déploiement iOS)
  • Un compte Expo
Remarque : Après avoir configuré votre compte Apple Developer, 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 EAS update

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

Créer le build pour iOS

Il est maintenant temps de créer un 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 exemple, com.votrenom.nomdevotreapp)
  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 iOS et les profils de provisionnement.
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 QR code qui apparaît avec votre iPhone
  3. Téléchargez le profil de développement lorsque vous y êtes invité
  4. Allez dans les Réglages 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. Revenez à l’éditeur de projet et appuyez sur n’importe quelle touche pour continuer
6

Attendre le build

Expo va maintenant créer votre application, ce qui prend environ 10 à 15 minutes selon la complexité de votre application.
  1. Le build sera mis 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é, un nouveau QR code apparaîtra pour installer l’application
7

Installer le build de prévisualisation sur votre appareil

Lorsque le build de prévisualisation est terminé, installez-le sur votre iPhone.
  1. Scannez le QR code d’installation avec votre iPhone
  2. Sélectionnez « Installer » lorsque vous y êtes invité
  3. Le build de prévisualisation 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 vers le 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 tester votre build de prévisualisation.

​
Ce que vous avez accompli

En suivant ce tutoriel, vous avez maintenant un build de prévisualisation iOS installé sur votre appareil pour les tests de développement. La plupart des développeurs auraient besoin de jours ou de semaines pour y parvenir, 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 enregistré vos modifications dans l’éditeur de projet
  • Vérifiez la console pour les erreurs éventuelles
  • Consultez la documentation sur le mode développement d’Expo

​
Conclusion

Avec Replit et Expo, créer des applications mobiles n’a jamais été aussi simple ou rapide. Vous pouvez passer d’une idée à une prévisualisation mobile native fonctionnelle en quelques heures, pas en semaines ou en mois. La combinaison d’un environnement de développement basé sur navigateur et d’un framework mobile multiplateforme supprime les barrières traditionnelles d’entrée dans le développement mobile.
Pour des informations plus détaillées, consultez :