Skip to main content
Créer une application mobile sur Replit fonctionne comme créer une application web : vous décrivez ce que vous voulez, et Agent écrit le code. Ce guide illustre ce processus avec un seul exemple, pour que vous voyiez le schéma avant de l’appliquer à votre propre idée.
Menu de PixelGames listant Blocks, Snake, Racer et Pinball, avec Blocks sélectionné

Résultat final : le menu de PixelGames et le jeu Blocks sur un téléphone.

​
Avant de commencer

Il vous suffit d’un compte Replit, gratuit à créer. L’objectif est de réaliser une boucle complète :
  • Le créer avec Agent
  • Le tester comme une application mobile
  • Le publier, puis le partager
Agent est le créateur d’applications IA de Replit. Vous décrivez ce que vous voulez, et il crée l’application, explique ce qu’il a fait et corrige ce qui ne fonctionne pas.

​
1. Demandez à Agent de créer l’application

Ouvrez Replit et démarrez une nouvelle application. Décrivez ce que vous voulez créer, puis sélectionnez Mobile app comme type d’application.
Le prompt de création de PixelGames saisi sur la page d'accueil de Replit, avec le mode Mobile sélectionné

Agent met en place le projet mobile et l'interface de la console.

​
2. Vérifiez que tout fonctionne dans l’aperçu

Replit simule PixelGames sur iOS ou Android directement dans le volet d’aperçu. C’est le moyen le plus rapide de vérifier une modification.
1

Le simulateur démarre automatiquement

Replit lance la simulation dès que PixelGames est prêt, sans aucune configuration.
2

Changez de plateforme avec le menu déroulant

Utilisez le menu déroulant Simulate on… dans la barre d’outils du volet d’aperçu (à côté des icônes de clé et d’actualisation) pour basculer entre iOS, Android et Web.
Volet d'aperçu de Replit avec le menu déroulant Simulate on Web, iOS ou Android ouvert

Le menu déroulant Simulate on... dans le volet d'aperçu de Replit.

​
Vérifiez que cela fonctionne vraiment

Utilisez PixelGames comme le ferait un joueur :
  • Voyez l’écran MENU avec Blocks sélectionnable et les trois autres jeux marqués « SOON ».
  • Ouvrez Blocks et jouez quelques pièces avec la croix directionnelle et les boutons A/B.
  • Vérifiez que le score, le niveau et les lignes se mettent à jour dans l’affichage pendant que vous jouez.
Si quelque chose semble anormal, décrivez ce que vous avez vu à Agent : inutile de chercher le bug vous-même.

​
PixelGames fonctionne

Vous êtes passé d’un simple prompt à un jeu jouable, prévisualisé directement dans Replit.

​
Dépannage

La première compilation prend une minute ou deux : laissez-lui un peu de temps avant de penser qu’elle est bloquée. Si le volet est toujours vide ensuite, vérifiez la console pour repérer une erreur et partagez-la avec Agent.
Appuyez sur R dans la console pour recharger PixelGames, puis utilisez l’icône d’actualisation de la barre d’outils du volet d’aperçu si l’affichage semble toujours obsolète.
Cela signifie généralement une erreur JavaScript ou un paquet manquant. Lisez le message : il indique souvent le fichier et la ligne exacts. Partagez-le ensuite avec Agent et demandez une correction.
Certains paquets se comportent différemment selon les plateformes : un paquet qui fonctionne sur le web peut ne pas prendre en charge le natif, ou nécessiter une configuration différente. Demandez à Agent « Does this package support native? » avant de vous y fier.
La première compilation est toujours plus lente car rien n’est encore en cache ; les suivantes devraient être plus rapides. Si elle reste lente, demandez à Agent de rechercher les paquets inutiles dans le projet.
Cela signifie qu’un paquet n’est pas installé, ou qu’il est installé mais que le cache est obsolète. Demandez à Agent de l’installer ou de vider le cache, et vérifiez que le nom du paquet ne comporte pas de faute de frappe.

​
Étapes suivantes

Testez-la sur votre téléphone

Découvrez PixelGames comme une vraie application de téléphone : boutons sous le pouce, retour haptique, taille d’écran réelle.

Ajouter la connexion

Permettez aux joueurs de se connecter et de sauvegarder leur progression.

Stocker des images dans votre application mobile

Enregistrez les photos de profil dans App Storage.

Envoyer des notifications push

Prévenez les joueurs lorsqu’un nouveau jeu sort.

Ajouter des paiements

Faites payer les joueurs pour du contenu dans PixelGames.