Créer une dApp Chiliz avec des outils IA
Utilisez des outils de vibe-coding IA (Cursor, Replit, Lovable, Claude Code, Bolt, V0) pour construire des dApps Chiliz Chain avec des prompts et du contexte pour le développement EVM.
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.
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.
Apprenez-en davantage sur MetaMask et comment le connecter au Spicy Testnet et au Mainnet de Chiliz Chain ici : Utiliser MetaMask
Suffisamment de tokens CHZ sur ce portefeuille pour le déploiement.
Pour le Spicy Testnet, vous aurez besoin de tokens CHZ de test, disponibles depuis un faucet.
Un compte avec un assistant de code IA, tel que ChatGPT, Gemini, Claude, ou tout autre.
Un compte Reown (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.
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.
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.
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.
Instructions clés pour les prompts
Lorsque vous promptez votre IA, soyez toujours très précis !
Vos instructions doivent inclure :
Version Solidity : Spécifiez une version inférieure ou égale à 0.8.30. Ceci parce que Chiliz Chain ne prend pas encore entièrement en charge les dernières versions de Solidity.
Ne réinventez pas la roue : Dites à l'IA de baser le contrat sur des contrats OpenZeppelin existants autant que possible.
OpenZeppelin 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é, 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é.
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.
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 :
Ouvrez Remix IDE : Naviguez vers remix.ethereum.org.
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.
Compilez le contrat :
Allez dans l'onglet "Solidity Compiler".
Définissez la version du compilateur sur "0.8.30+xxx".
Cliquez sur le bouton Compile.
Vous pouvez consulter un guide de déploiement Remix plus détaillé ici :
Déployer avec RemixDé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.
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.
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 :
Allez dans l'onglet "Deploy & Run Transactions" dans Remix.
Pour l'Environment, sélectionnez "Injected Provider - MetaMask". Cela demandera à votre portefeuille de se connecter à Remix.
Assurez-vous que MetaMask est connecté au Spicy Testnet pendant votre phase de test.
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.
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 :
Sur Chiliscan, trouvez votre transaction de déploiement et copiez l'adresse du nouveau contrat.
Ouvrez le Vérificateur de contrats Chiliscan Spicy.
Remplissez le formulaire de vérification : Vous devrez fournir plusieurs informations.
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.30. Pouvez-vous me dire quoi mettre dans les champs pour ... ?"
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 :
Connectez-vous à votre compte d'assistant de code choisi.
Démarrez un nouveau projet et commencez à prompter l'IA. Soyez précis sur ce que vous souhaitez construire.
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 : https://spicy-rpc.chiliz.com/
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"
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 pour vous.
Vous devrez créer un compte Reown :
Inscrivez-vous sur Reown Cloud si vous ne l'avez pas encore fait, puis connectez-vous.
Cliquez sur "Create Project". Entrez le nom de votre projet et cliquez sur "Continue".
Sélectionnez le produit "WalletKit" et cliquez sur "Continue".
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.
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."
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 :
Déployez à nouveau votre contrat avec Remix, mais cette fois sur le Mainnet de Chiliz Chain.
Vérifiez que le contrat est bien déployé avec Chiliscan Mainnet.
Vérifiez le contrat sur le Vérificateur de contrats Chiliscan Mainnet.
Enfin, dites à votre IA de mettre à jour l'application pour utiliser le Mainnet de Chiliz maintenant. Soyez précis !
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 : https://rpc.ankr.com/chiliz * Chain ID : 88888"
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 !
Mis à jour
Ce contenu vous a-t-il été utile ?