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 avec n'importe quel outil de vibe-coding, tels que Cursor, Replit, Lovable, Claude, Claude Code, Bolt, V0, Base44, Windsurf, ou tout autre assistant de code IA.

Prérequis

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

• Un portefeuille avec un compte Chiliz Chain, comme MetaMask.

  • Utilisez Spicy Testnet pour des tests en toute sécurité, 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

• Assez 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 crypto, telle que Coinbase ou Meria.

  • Pour Spicy Testnet, vous aurez besoin de jetons 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 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édictions pour les fans.

• Concept : Les fans peuvent utiliser des CHZ pour parier sur l'issue des matchs à venir (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 brainstormer et affiner votre idée.

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

Génération du contrat intelligent avec l'IA

Les outils d'IA modernes sont étonnamment capables d'écrire un code de contrat intelligent sécurisé et efficace.

Les contrats intelligents 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 pour les contrats intelligents.

Instructions clés pour le prompting

Lorsque vous donnez des instructions à 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 pleinement 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 contrats intelligents 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 ultérieure.

2. Adresses de portefeuille : fournissez l'adresse du portefeuille qui possédera le contrat (le deployer) et l'adresse qui recevra les éventuels frais (le bénéficiaire), le cas échéant.

Maintenant, c'est à vous d'interroger 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".

   • Définissez 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 repérer.

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 relevées.

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.

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

Déployer sur Spicy Testnet

Une fois le contrat intelligent 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 apparaîtra pour vous demander de confirmer la transaction et de payer les frais de gaz 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.

Vérification du contrat

Vous devez maintenant vérifier le contrat intelligent 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 contrat 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 désormais public sur Chiliscan !

Construire le frontend avec un outil de vibe-coding

Maintenant que votre contrat intelligent 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 au compte de l'assistant de codage de votre choix.

2. Démarrez un nouveau projet et commencez à donner des instructions à l'IA. Soyez clair sur ce que vous voulez construire.

Exemple de prompt

"Je veux construire un frontend pour ma dApp sur Chiliz Chain. Pour l'instant, j'ai besoin que vous créiez pour Spicy Testnet :

• Endpoint RPC : https://spicy-rpc.chiliz.com/

• RPC Websocket : wss://spicy-rpc-ws.chiliz.com/

• ID de chaîne : 88882

• Symbole de la monnaie : CHZ

Je veux que ma dApp fasse ceci : XXX. Adresse du contrat intelligent : [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 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égration des portefeuilles utilisateurs

Pour que les utilisateurs puissent connecter leurs propres portefeuilles à votre dApp, vous aurez besoin d'une solution de connecteur de portefeuille. L'outil d'IA que vous choisissez 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 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 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 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 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 pleinement fonctionnel et que vous soyez satisfait du résultat.

Passer au Chiliz Chain Mainnet

Jusqu'à présent, nous avons demandé à tous les outils d'IA de travailler en pensant à Spicy Testnet. Cela 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 passer votre application de Spicy Testnet au Chiliz Chain Mainnet, 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 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 Chiliz Mainnet maintenant. 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 : * Endpoint 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 IA en ligne sur Chiliz Chain !