> For the complete documentation index, see [llms.txt](https://docs.chiliz.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.chiliz.com/fr/developper/notions-de-base/guides-pratiques/creer-une-dapp-avec-outils-ia.md). # Créer une dApp Chiliz avec des outils IA Le vibe-coding est très en vogue, et il peut vous aider à démarrer rapidement avec votre idée de projet Web3, même si vous ne savez pas coder ! Cette page vous donnera des idées sur la façon d'interagir avec vos outils IA favoris afin d'obtenir les informations nécessaires pour générer votre dApp. {% hint style="success" %} Cette page est agnostique en termes d'outils : Nous donnons des suggestions et des idées de prompts qui peuvent fonctionner avec n'importe quel outil de vibe-coding, tel que [Cursor](https://cursor.com/), [Replit](https://replit.com/), [Lovable](https://lovable.dev/), [Claude](https://claude.ai/), [Claude Code](https://www.anthropic.com/claude-code), [Bolt](https://bolt.new/), [V0](https://v0.dev/), [Base44](https://base44.com/), ou tout autre assistant de code IA. {% endhint %} ## Prérequis Avant de commencer, assurez-vous de disposer des éléments suivants : * Un portefeuille avec un compte Chiliz Chain, tel que MetaMask. * Utilisez le Spicy Testnet pour des tests sécurisés, puis le Mainnet de Chiliz Chain pour la production. {% hint style="info" %} Apprenez-en davantage sur MetaMask et comment le connecter au Spicy Testnet et au Mainnet de Chiliz Chain ici : [Utiliser MetaMask](/fr/apprendre/a-propos-des-wallets/utiliser-metamask.md) {% endhint %} * Suffisamment de tokens CHZ sur ce portefeuille pour le déploiement. * Pour le Mainnet de Chiliz Chain, vous devrez acheter des CHZ. Vous pouvez le faire sur n'importe quel exchange crypto, tel que [Coinbase](https://www.coinbase.com/) ou [Meria](https://meria.com/). * Pour le Spicy Testnet, vous aurez besoin de tokens CHZ de test, disponibles depuis [un faucet](/fr/developper/notions-de-base/faucet-du-testnet.md). * Un compte avec un assistant de code IA, tel que ChatGPT, Gemini, Claude, ou tout autre. * Un [compte Reown](https://cloud.reown.com/sign-in) (pour intégrer le connecteur WalletKit). ## Trouver une idée de dApp La première étape consiste à développer une idée convaincante. Puisque vous construisez sur Chiliz Chain, votre concept devrait idéalement combler le fossé entre la technologie blockchain et le monde du sport et du divertissement. Pensez à ce que les fans pourraient vouloir. {% hint style="info" %} Une idée solide aura un cas d'usage métier clair : Comment génère-t-elle de la valeur ? Qui sont les utilisateurs ? Exemple d'idée de dApp : Un marché de prédiction pour les fans. * Concept : Les fans peuvent utiliser des CHZ pour parier sur le résultat des matchs à venir (ex. : "L'équipe A va-t-elle gagner contre l'équipe B ?"). * Cas d'usage métier : Un petit pourcentage de frais (ex. : 2 %) est prélevé sur le pot gagnant lors de la résolution d'un marché. Ces frais sont envoyés à un portefeuille bénéficiaire, créant ainsi un flux de revenus durable. {% endhint %} Vous pouvez utiliser un outil IA pour réfléchir à votre idée et l'affiner. Une fois que vous avez un concept solide, il est temps de créer le smart contract. ## Générer le smart contract avec l'IA Les outils IA modernes sont étonnamment capables d'écrire du code de smart contract sécurisé et efficace. {% hint style="info" %} Les smart contracts sont des programmes informatiques stockés sur une blockchain qui s'exécutent automatiquement lorsque des conditions prédéfinies sont remplies. Solidity est l'un des principaux langages de programmation pour les smart contracts. {% endhint %} ### Instructions clés pour les prompts Lorsque vous promptez votre IA, soyez toujours très précis ! Vos instructions doivent inclure : 1. Version Solidity : Spécifiez une version inférieure ou égale à 0.8.24. Ceci parce que Chiliz Chain ne prend pas encore entièrement en charge les dernières versions de Solidity. 2. Ne réinventez pas la roue : Dites à l'IA de baser le contrat sur des contrats OpenZeppelin existants autant que possible. {% hint style="info" %} [OpenZeppelin](https://www.openzeppelin.com/) est une plateforme open-source pour construire des dApps sécurisées. En plus de plusieurs services de sécurité et d'audit, ils fournissent [une bibliothèque de smart contracts vérifiés par la communauté](https://docs.openzeppelin.com/contracts/), librement utilisables dans vos projets. Les contrats OpenZeppelin sont considérés comme des standards industriels, et vous pouvez les utiliser en toute sécurité. {% endhint %} 3. Contrat aplati : Demandez à l'IA de générer un contrat "aplati". Cela signifie que le code doit être autonome dans un seul fichier et ne pas dépendre d'imports ou de dépendances externes. Cela simplifiera la vérification ultérieure. 4. Adresses de portefeuilles : Fournissez l'adresse du portefeuille qui possédera le contrat (le déployeur) et l'adresse qui recevra les éventuels frais (le bénéficiaire). C'est maintenant à vous de prompter votre outil IA ! Après que l'IA a généré le code Solidity, téléchargez-le si possible, ou copiez-le et sauvegardez-le en tant que fichier `.sol` sur votre ordinateur. ## Compiler et déployer Vous devez maintenant déployer votre contrat sur Chiliz Chain. Nous utiliserons Remix IDE, un environnement web gratuit, pour déboguer, compiler et déployer votre contrat : 1. Ouvrez Remix IDE : Naviguez vers [remix.ethereum.org](https://remix.ethereum.org/). 2. Téléversez votre contrat : Dans l'onglet "File Explorers" à gauche, créez un nouveau fichier et collez le code Solidity généré par votre IA. 3. Compilez le contrat : * Allez dans l'onglet "Solidity Compiler". * Définissez la version du compilateur sur "0.8.24+xxx". * Cliquez sur le bouton Compile. Vous pouvez consulter un guide de déploiement Remix plus détaillé ici : {% content-ref url="/pages/mfigqRC489LNxRseIzdQ" %} [Déployer avec Remix](/fr/developper/notions-de-base/deployer-un-smart-contract/deployer-avec-remix.md) {% endcontent-ref %} ### Déboguer avec l'IA Il est courant que le code initial contienne des erreurs. Le débogueur de Remix est excellent pour les détecter. En cas d'échec de la compilation, copiez le message d'erreur depuis la console Remix. Retournez ensuite sur votre outil IA et demandez-lui de corriger les erreurs détectées. {% hint style="info" %} Vous pouvez utiliser un prompt comme celui-ci : "Le code Solidity que vous m'avez fourni a produit l'erreur suivante dans Remix IDE. Veuillez la corriger : ..." et copiez-collez tous les messages d'erreur de Remix. {% endhint %} Répétez ce processus de compilation dans Remix et d'obtention de corrections depuis votre IA jusqu'à ce que le contrat compile avec succès sans erreurs. ### Déployer sur le Spicy Testnet Une fois le smart contract compilé, vous devez le déployer : 1. Allez dans l'onglet "Deploy & Run Transactions" dans Remix. 2. Pour l'Environment, sélectionnez "Injected Provider - MetaMask". Cela demandera à votre portefeuille de se connecter à Remix. 3. Assurez-vous que MetaMask est connecté au Spicy Testnet pendant votre phase de test. 4. Cliquez sur le bouton Deploy dans Remix. Votre portefeuille s'affichera pour vous demander de confirmer la transaction et de payer les frais de gas en tokens CHZ de test. Après confirmation, vous devriez voir votre contrat déployé dans la section "Deployed Contracts" de Remix. La transaction sera également disponible sur [Chiliscan Spicy](https://testnet.chiliscan.com/). ## Vérifier le contrat Vous devez maintenant vérifier le smart contract on-chain. Un contrat vérifié est transparent et digne de confiance. Il permet aux utilisateurs de lire et d'auditer votre code source directement sur l'explorateur de blocs. Voici comment le faire avec [Chiliscan Spicy](https://testnet.chiliscan.com/) : 1. Sur Chiliscan, trouvez votre transaction de déploiement et copiez l'adresse du nouveau contrat. 2. Ouvrez le [Vérificateur de contrats Chiliscan Spicy](https://testnet.chiliscan.com/verifycontract). 3. Remplissez le formulaire de vérification : Vous devrez fournir plusieurs informations. {% hint style="info" %} Vous pouvez demander de l'aide à votre outil IA avec un prompt comme celui-ci : "Je dois vérifier mon smart contract Solidity sur Chiliscan. L'adresse du contrat est `0xxxxxxxx`. La version du compilateur que j'ai utilisée était 0.8.24. Pouvez-vous me dire quoi mettre dans les champs pour ... ?" {% endhint %} 4. Soumettez le formulaire. Si tous les détails sont corrects, le code source de votre contrat sera maintenant public sur Chiliscan ! ## Construire le frontend avec un outil de vibe-coding Maintenant que votre smart contract est en ligne et vérifié, vous avez besoin d'une interface utilisateur (UI) pour que les gens puissent interagir avec lui. Vous pouvez utiliser n'importe quel outil de vibe-coding pour cela : 1. Connectez-vous à votre compte d'assistant de code choisi. 2. Démarrez un nouveau projet et commencez à prompter l'IA. Soyez précis sur ce que vous souhaitez construire. {% hint style="info" %} #### **Exemple de prompt** "Je veux construire un frontend pour ma dApp Chiliz Chain. Pour l'instant, j'ai besoin que vous créiez pour le Spicy Testnet : * RPC endpoint : * RPC Websocket : wss\://spicy-rpc-ws.chiliz.com/ * Chain ID : 88882 * Symbole de monnaie : CHZ Je veux que ma dApp fasse ceci : XXX.\ Adresse du smart contract : \[YOUR\_DEPLOYED\_CONTRACT\_ADDRESS]\ Mes adresses de portefeuilles : * Le propriétaire est \[YOUR\_OWNER\_ADDRESS] * Le bénéficiaire est \[YOUR\_BENEFICIARY\_ADDRESS]. Instructions : * Créez une interface web en utilisant les outils les plus courants pour les dApps. * Elle devrait afficher xxxx. * Les utilisateurs devraient pouvoir xxxx. * Le propriétaire devrait avoir un panneau d'administration protégé par mot de passe pour créer xxxx." * xxxx" {% endhint %} Soyez aussi précis que possible ! Et n'hésitez pas à itérer. ## Intégrer les portefeuilles des utilisateurs Pour que les utilisateurs puissent connecter leurs propres portefeuilles à votre dApp, vous aurez besoin d'une solution de connecteur de portefeuille. Votre outil IA choisi devrait être capable d'intégrer le [WalletKit de Reown](https://reown.com/walletkit) pour vous. Vous devrez créer un compte Reown : 1. [Inscrivez-vous sur Reown Cloud](https://cloud.reown.com/sign-in) si vous ne l'avez pas encore fait, puis connectez-vous. 2. Cliquez sur "Create Project". Entrez le nom de votre projet et cliquez sur "Continue". 3. Sélectionnez le produit "WalletKit" et cliquez sur "Continue". 4. Sélectionnez le framework "Next.js" et cliquez sur "Create". Reown Cloud créera maintenant un nouveau projet pour vous, ce qui générera également un ID de projet. Vous le trouverez en haut à gauche : copiez cet ID car vous en aurez besoin plus tard. Ensuite, demandez à votre outil IA de gérer l'intégration. {% hint style="info" %} #### **Exemple de prompt** "Ajoutez une fonctionnalité de connexion de portefeuille en utilisant le WalletKit de Reown. Je vous fournirai mon ID de projet WalletKit et mes clés API après avoir créé un compte. Configurez-le de sorte que le bouton 'Connect Wallet' utilise WalletKit." {% endhint %} Suivez les instructions de votre IA et de WalletKit pour terminer la configuration. Vous devrez copier-coller certaines informations de votre compte WalletKit dans votre projet IA. Continuez à interroger et tester dans l'environnement de l'IA jusqu'à ce que le frontend de votre dApp soit entièrement fonctionnel et que vous soyez satisfait du résultat. ## Passer au Mainnet de Chiliz Chain Jusqu'à présent, nous avons demandé à tous les outils IA de travailler avec le Spicy Testnet en tête. C'est essentiel pour tester votre application sur une blockchain sécurisée, mais elle ne peut pas être utilisée pour des projets de production, notamment parce qu'elle ne fonctionne qu'avec des tokens CHZ de test, et non de vrais tokens CHZ. Pour faire passer votre application du Spicy Testnet au Mainnet de Chiliz Chain, vous devrez refaire la plupart des étapes ci-dessus une dernière fois : 1. Déployez à nouveau votre contrat avec Remix, mais cette fois sur le Mainnet de Chiliz Chain. 2. Vérifiez que le contrat est bien déployé avec [Chiliscan Mainnet](https://chiliscan.com/). 3. Vérifiez le contrat sur le [Vérificateur de contrats Chiliscan Mainnet](https://chiliscan.com/verifycontract). 4. Enfin, dites à votre IA de mettre à jour l'application pour utiliser le Mainnet de Chiliz maintenant. Soyez précis ! {% hint style="info" %} #### **Exemple de prompt** "Je veux mettre à jour l'application pour le Mainnet de Chiliz Chain. Vous devez uniquement mettre à jour l'URL RPC et le ChainID, rien d'autre :\ \* RPC endpoint : \* Chain ID : 88888" {% endhint %} ## Test final Testez votre application une dernière fois avant de la partager avec qui que ce soit. C'est tout ! Vous disposez maintenant d'une dApp full-stack assistée par IA, en ligne sur Chiliz Chain ! --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter: ``` GET https://docs.chiliz.com/fr/developper/notions-de-base/guides-pratiques/creer-une-dapp-avec-outils-ia.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.