← Retour au plan
Masterclass CodeBuilder : du brief à l'application fonctionnelle avec @oupi · Leçon 5 sur 6

5. Examiner et exporter votre code

Inspectez les fichiers générés dans l'espace de travail et téléchargez-les pour poursuivre le développement dans votre propre environnement.

Une fois que l'IA a généré et itéré sur votre projet, tous les fichiers qu'elle a produits se trouvent dans l'espace de travail de Code Builder. Vous pouvez inspecter l'arborescence complète des fichiers — code source, ressources, configuration — directement dans l'interface, juste à côté de l'aperçu en direct du bac à sable. Ce n'est pas une boîte noire : les fichiers générés vous appartiennent, et l'espace de travail vous donne un accès en lecture pour examiner exactement ce que l'IA a écrit avant de décider d'exporter quoi que ce soit. Comprendre la structure ici vous aide à évaluer la qualité du code, à repérer les problèmes et à planifier vos prochaines étapes en dehors de la plateforme.

L'aperçu en direct qui s'affiche à côté de la conversation est votre outil de validation en temps réel. Chaque itération que vous avez demandée a actualisé cet aperçu, si bien qu'au moment où vous êtes prêt à exporter, ce que vous voyez dans l'aperçu correspond exactement à ce que le code téléchargé produira lorsque vous l'exécuterez en local. L'aperçu s'exécute dans un bac à sable cloud isolé — complètement séparé de votre machine et des autres utilisateurs — de sorte que le comportement observé est une exécution propre et reproductible du code généré, non influencée par les particularités de votre environnement local.

Astuce

Avant de télécharger, effectuez une dernière relecture dans l'espace de travail. Vérifiez que le profil d'exécution correspond à votre environnement cible local (runtime, capacités). Si quelque chose vous semble incorrect, itérez encore une fois de manière conversationnelle — cela ne coûte que quelques crédits IA et est bien plus simple que de corriger des fichiers après l'export.

L'export est simple : téléchargez les fichiers générés depuis l'espace de travail. Vous obtenez le projet complet — tous les fichiers source que l'IA a créés ou modifiés au fil de vos itérations. À partir de là, vous pouvez ouvrir le projet dans votre propre IDE, l'intégrer à votre pipeline CI/CD, l'ajouter à un système de contrôle de version, ou le déployer comme vous le souhaitez. Le code vous appartient sans dépendance imposée ; la plateforme est un accélérateur de démarrage, pas une cage.

Astuce

Après le téléchargement, comparez le profil d'exécution que vous avez utilisé dans Code Builder avec votre environnement de développement local. Si le runtime du bac à sable diffère de votre pile locale, ajustez les dépendances ou les configurations en conséquence pour garantir que l'application se comporte de manière identique en dehors de la plateforme.

À vous de jouer

Ouvrez votre espace de travail Code Builder à la route du projet. Parcourez l'arborescence de fichiers générée et examinez au moins deux fichiers (par exemple, le point d'entrée principal et un composant). Vérifiez que l'aperçu en direct correspond toujours à vos attentes, puis téléchargez le projet complet. Ouvrez-le dans votre IDE local et confirmez qu'il fonctionne.

Suivre ce cours dans OUPI → Cet exercice se fait dans la plateforme OUPI.
À retenir

L'espace de travail Code Builder vous donne une visibilité totale sur chaque fichier généré par l'IA. L'aperçu en bac à sable en direct garantit que ce que vous voyez est ce que vous exportez. Le téléchargement vous remet un projet complet et portable — sans dépendance imposée. Avant d'exporter, relisez le code dans l'espace de travail, vérifiez l'aperçu, et assurez-vous que votre profil d'exécution correspond à votre environnement local. Après le téléchargement, votre flux de travail de développement habituel prend le relais.