Comment créer 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.

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, Replit, Lovable, Claude, Claude Code, Bolt, V0, Base44, Windsurf, ou tout autre assistant de codage IA.

Prérequis

Avant de commencer, assurez-vous d'avoir les éléments suivants :

• Un portefeuille avec un compte Chiliz Chain, tel que MetaMask.

  • Utilisez Spicy Testnet pour des tests sûrs, puis Chiliz Chain Mainnet pour la production.

En savoir plus sur MetaMask et comment le connecter à Spicy Testnet et à Chiliz Chain Mainnet ici : Comment utiliser MetaMask

• Suffisamment de jetons CHZ dans 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 ou Meria.

  • Pour Spicy Testnet, vous aurez besoin de CHZ de test, disponibles depuis un faucet.

• Un compte avec un assistant de codage 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 est de développer une idée convaincante. Puisque vous construisez sur Chiliz Chain, votre concept devrait idéalement faire le lien entre la technologie blockchain et le monde du sport et du divertissement. Réfléchissez à ce que les fans pourraient vouloir.

Une idée solide aura un cas d'affaires 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 ex. « L'équipe A va-t-elle gagner contre l'équipe B ? »).

• Cas d'affaires : Un petit pourcentage de frais (par ex. 2 %) est prélevé sur la cagnotte des gagnants lors du règlement d'un marché. Ces frais sont envoyés à un portefeuille bénéficiaire, créant une source de revenus durable.

Vous pouvez utiliser un outil d'IA pour faire du brainstorming et affiner votre idée.

Une fois que vous avez un concept solide, il est temps de créer le smart contract.

Génération du smart contract avec l'IA

Les outils d'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 termes et conditions prédéterminés sont remplis. Solidity est l'un des principaux langages de programmation de smart contracts.

Instructions clés pour les prompts

Lorsque vous promptiez votre IA, soyez toujours très précis !

Vos instructions doivent inclure :

1. Version de Solidity : Spécifiez une version égale ou inférieure à 0.8.24. C'est 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 autant que possible sur les contrats OpenZeppelin existants.

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 validés par la communauté, gratuite pour la communauté à utiliser dans leurs projets. développement.

En tant que telle, les contrats OpenZeppelin sont considérés comme des normes industrielles, et vous pouvez les utiliser en toute sécurité.

1. 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'importations ou de dépendances externes. Cela simplifie la vérification par la suite.

2. Adresses de portefeuille : Fournissez l'adresse du portefeuille qui possédera 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 prompt votre outil d'IA !

Après que l'IA ait généré le code Solidity, téléchargez-le si possible, ou copiez-le et enregistrez-le en tant que .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. Ouvrir Remix IDE : Rendez-vous sur 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 Compiler.

Vous pouvez consulter un guide de déploiement Remix plus détaillé ici :

Déployer avec Remix

Débogage 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 de Remix. Retournez à votre outil d'IA et demandez-lui de corriger les erreurs identifié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 copier-coller tous les messages d'erreur depuis Remix.

Répétez ce processus de compilation dans Remix et de demande de corrections à votre IA jusqu'à ce que le contrat se compile avec succès sans erreurs.

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 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érification du contrat

Vous devez maintenant vérifier le smart contract sur la chaîne. 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:

1. Sur Chiliscan, trouvez votre transaction de déploiement et copiez l'adresse du nouveau contrat.

2. Ouvrez le Vérificateur de contrat Chiliscan Spicy.

3. Remplissez le formulaire de vérification : Vous devrez fournir plusieurs informations.

Vous pouvez demander de l'aide à votre outil d'IA avec un prompt comme celui-ci :

"J'ai besoin de 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 ... ?"

1. 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. Vous pouvez utiliser n'importe quel outil de vibe-coding pour cela :

1. Connectez-vous à votre compte de l'assistant de codage choisi.

2. Démarrez un nouveau projet et commencez à prompt l'IA. Soyez clair sur ce que vous voulez 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 Spicy Testnet :

• Point de connexion RPC : https://spicy-rpc.chiliz.com/

• 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"

Soyez aussi précis que possible ! Et n'hésitez pas à itérer.

Intégration des portefeuilles utilisateurs

Pour que les utilisateurs connectent leurs propres portefeuilles à votre dApp, vous aurez besoin d'une solution de connecteur de portefeuille. L'outil d'IA que vous avez choisi devrait être capable d'intégrer WalletKit de Reown pour vous.

Vous devrez créer un compte Reown :

1. Inscrivez-vous pour un compte Reown Cloud si vous ne l'avez pas déjà 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 va maintenant créer un nouveau projet pour vous 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 d'IA de gérer l'intégration.

Exemple de prompt

"Ajoutez la fonctionnalité de connexion de portefeuille en utilisant WalletKit de Reown. Je vous fournirai mon 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."

Suivez les instructions de votre IA et de WalletKit pour compléter 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 à Chiliz Chain Mainnet

Jusqu'à présent, nous avons demandé à tous les outils d'IA de travailler en gardant Spicy Testnet à l'esprit. C'est essentiel pour tester votre application sur une blockchain sûre, mais cela ne peut pas être utilisé pour un projet en production, notamment parce qu'il ne fonctionne qu'avec des jetons CHZ de test, et non des CHZ réels.

Pour déplacer votre application de Spicy Testnet vers Chiliz Chain Mainnet, vous devrez refaire la plupart des étapes ci-dessus une dernière fois :

1. Redéployez votre contrat avec Remix, mais cette fois sur Chiliz Chain Mainnet.

2. Vérifiez que le contrat est bien déployé avec Chiliscan Mainnet.

3. Vérifiez le contrat sur Vérificateur de contrat Chiliscan Mainnet.

4. Enfin, dites à votre IA de mettre à jour l'application pour utiliser désormais Chiliz Mainnet. Soyez précis !

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 connexion RPC : 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 avez maintenant une dApp full-stack assistée par l'IA en direct sur Chiliz Chain !