# Comment construire une dApp Chiliz avec des outils d'IA
Le vibe-coding est très en vogue, et il peut vous aider à démarrer rapidement votre idée de projet Web3 même si vous ne savez pas coder !
Cette page vous donnera des idées sur la manière d’interagir avec vos outils d’IA préférés afin d’obtenir les informations nécessaires pour générer votre dApp
{% hint style="success" %}
Cette page est indépendante des outils : nous proposons des suggestions et des idées de prompts qui peuvent fonctionner dans 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/), [Windsurf](https://windsurf.com/), ou tout autre assistant de code IA.
{% endhint %}
## Prérequis
Avant de commencer, assurez-vous d’avoir ce qui suit :
* Un portefeuille avec un compte Chiliz Chain, comme MetaMask.
* Utilisez Spicy Testnet pour des tests sûrs, puis Chiliz Chain Mainnet pour la production.
{% hint style="info" %}
En savoir plus sur Metamask et sur la façon de le connecter à Spicy Testnet et à Chiliz Chain Mainnet ici : [Comment utiliser MetaMask](/fr-ai/learn/about-wallets/how-to-use-metamask.md)
{% endhint %}
* Suffisamment de jetons CHZ sur ce portefeuille pour le déploiement.
* Pour Chiliz Chain Mainnet, vous devrez acheter des CHZ. Vous pouvez le faire sur n’importe quelle plateforme d’échange de cryptomonnaies, comme [Coinbase](https://www.coinbase.com/) ou [Meria](http://meria.com/).
* Pour Spicy Testnet, vous aurez besoin de jetons CHZ de test, disponibles via [un faucet](/fr-ai/develop/basics/obtain-free-testnet-tokens.md).
* Un compte avec un assistant de code IA, comme 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. Comme vous construisez sur Chiliz Chain, votre concept devrait idéalement combler l’écart entre la technologie blockchain et le monde du sport et du divertissement. Réfléchissez à ce que les fans pourraient vouloir.
{% hint style="info" %}
Une bonne idée aura un cas d’usage commercial 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 prochains matchs (par exemple, « L’équipe A battra-t-elle l’équipe B ? »).
* Cas d’usage commercial : un petit pourcentage de frais (par exemple 2 %) est prélevé sur la cagnotte gagnante lors du règlement d’un marché. Ces frais sont envoyés à un portefeuille bénéficiaire, créant ainsi une source de revenus durable.
{% endhint %}
Vous pouvez utiliser un outil d’IA pour brainstormer et affiner votre idée.
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 d’IA modernes sont étonnamment capables d’écrire un code de smart contract sécurisé et efficace.
{% hint style="info" %}
Les smart contracts sont des programmes informatiques stockés sur une blockchain et exécutés automatiquement lorsque des conditions prédéterminées sont remplies. Solidity est l’un des principaux langages de programmation des smart contracts.
{% endhint %}
### Instructions clés pour le prompt
Lorsque vous rédigez un prompt pour votre IA, soyez toujours très précis !
Vos instructions doivent inclure :
1. Version de Solidity : spécifiez une version inférieure ou égale à 0.8.24. En effet, Chiliz Chain ne prend pas encore totalement en charge les dernières versions de Solidity.
2. Ne réinventez pas la roue : dites à l’IA de baser le contrat autant que possible sur des contrats OpenZeppelin existants.
{% hint style="info" %}
[OpenZeppelin](https://www.openzeppelin.com/) est une plateforme open source pour créer des dApps sécurisées.
En plus de plusieurs services de sécurité et d’audit, ils fournissent [une bibliothèque de smart contracts validés par la communauté](https://docs.openzeppelin.com/contracts/), gratuite pour que la communauté l’utilise dans ses projets. développement.
À ce titre, les contrats OpenZeppelin sont considérés comme des standards de l’industrie, et vous pouvez les utiliser en toute sécurité.
{% endhint %}
3. Contrat plat : demandez à l’IA de générer un contrat « plat ». 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 simplifie la vérification par la suite.
4. Adresses de portefeuille : fournissez l’adresse du portefeuille qui détiendra le contrat (le déployeur) et l’adresse qui recevra d’éventuels frais (le bénéficiaire), le cas échéant.
Maintenant, c’est à vous de lancer votre outil d’IA !
Une fois que l’IA a généré le code Solidity, téléchargez-le si possible, ou copiez-le et enregistrez-le dans un `.sol` fichier sur votre ordinateur.
## Compilation et déploiement
Vous devez maintenant déployer votre contrat sur Chiliz Chain.
Nous utiliserons Remix IDE, un environnement gratuit basé sur le web, pour déboguer, compiler et déployer votre contrat :
1. Ouvrez Remix IDE : rendez-vous sur [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. Compiler le contrat :
* Allez dans l’onglet « Solidity Compiler ».
* Réglez la version du compilateur sur « 0.8.24+xxx ».
* Cliquez sur le bouton Compile.
Vous pouvez voir ici un guide de déploiement Remix plus détaillé :
{% content-ref url="/pages/598301814e454fc663e5d17fcc3a7e4c582bca0f" %}
[Déployer avec Remix](/fr-ai/develop/basics/deploy-a-smart-contract/deploy-with-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.
Si la compilation échoue, copiez le message d’erreur depuis la console Remix. Retournez dans votre outil d’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 donné 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 auprès de votre IA jusqu’à ce que le contrat se compile avec succès sans aucune erreur.
### Déployer sur 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’environnement, sélectionnez « Injected Provider - MetaMask ». Cela invitera votre portefeuille à se connecter à Remix.
3. Assurez-vous que votre MetaMask est connecté à Spicy Testnet pendant votre phase de test.
4. Cliquez sur le bouton Deploy dans Remix. Votre portefeuille s’ouvrira pour vous demander de confirmer la transaction et de payer les frais de gas en jetons 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 directement votre code source sur l’explorateur de blocs.
Voici comment 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 la [Chiliscan Spicy Contract Verifier](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 d’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 toutes les informations sont correctes, le code source de votre contrat sera désormais 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 permettre aux gens d’interagir avec lui. Vous pouvez utiliser n’importe quel outil de vibe-coding pour cela :
1. Connectez-vous au compte de votre assistant de code choisi.
2. Démarrez un nouveau projet et commencez à faire des prompts à l’IA. Soyez clair sur ce que vous voulez construire.
{% hint style="info" %}
#### **Exemple de prompt**
« Je veux créer un frontend pour ma dApp Chiliz Chain. Pour l’instant, j’ai besoin que vous créiez pour Spicy Testnet :
* Point de terminaison RPC :
* RPC WebSocket : wss\://spicy-rpc-ws.chiliz.com/
* ID de chaîne : 88882
* Symbole de la devise : CHZ
Je veux que ma dApp fasse ceci : XXX.\
Adresse du smart contract : \[YOUR\_DEPLOYED\_CONTRACT\_ADDRESS]\
Mes adresses de portefeuille :
* 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 doit afficher xxxx.
* Les utilisateurs doivent pouvoir xxxx.
* Le propriétaire doit disposer d’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 connexion de portefeuille. Votre outil d’IA choisi devrait être capable d’intégrer [WalletKit de Reown](https://reown.com/walletkit) pour vous.
Vous devrez créer un compte Reown :
1. [Créez un compte Reown Cloud](https://cloud.reown.com/sign-in) si ce n’est pas déjà fait, puis connectez-vous-y.
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 dans le coin supérieur gauche : copiez cet ID, car vous en aurez besoin plus tard.
Ensuite, demandez à votre outil d’IA de gérer l’intégration.
{% hint style="info" %}
#### **Exemple de prompt**
« Ajoutez une fonctionnalité de connexion de portefeuille en utilisant WalletKit de Reown. Je vous fournirai l’ID de projet WalletKit et les 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 pleinement fonctionnel et que vous soyez satisfait du résultat.
## Passer à Chiliz Chain Mainnet
Jusqu’à présent, nous avons demandé à tous les outils d’IA de travailler en pensant à Spicy Testnet. C’est essentiel pour tester votre application sur une blockchain sûre, mais elle ne peut pas être utilisée pour un projet de production, notamment parce qu’elle ne fonctionne qu’avec des jetons CHZ de test, et non de vrais jetons CHZ.
Pour faire passer votre application de Spicy Testnet à Chiliz Chain Mainnet, vous devrez refaire une dernière fois la plupart des étapes ci-dessus :
1. Déployez à nouveau votre contrat avec Remix, mais cette fois sur Chiliz Chain Mainnet.
2. Vérifiez que le contrat est bien déployé avec [Chiliscan Mainnet](https://chiliscan.com/).
3. Vérifiez le contrat sur [Chiliscan Mainnet Contract Verifier](https://chiliscan.com/verifycontract).
4. Enfin, dites à votre IA de mettre à jour l’application pour utiliser désormais Chiliz Mainnet. Soyez précis !
{% hint style="info" %}
#### **Exemple de prompt**
« Je veux mettre à jour l’application pour Chiliz Chain Mainnet. Vous devez uniquement mettre à jour l’URL RPC et le ChainID, rien d’autre :\
\* Point de terminaison RPC :
\* ID de chaîne : 88888 »
{% endhint %}
## Test final
Testez votre application une dernière fois avant de la partager avec quelqu’un d’autre.
C’est tout ! Vous disposez maintenant d’une dApp full-stack assistée par l’IA en ligne sur Chiliz Chain !
---
# Agent Instructions: 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:
```
GET https://docs.chiliz.com/fr-ai/develop/basics/how-tos/how-to-build-a-chiliz-dapp-with-ai-tools.md?ask=
```
The question should be specific, self-contained, and written in natural language.
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.