Création, l'Envoi et la Destruction de token sur Cardano avec Mesh.dev et ReactJS

Developers Cardano Integration
1

imageUpdev_Meshdev-Updev Community
imageUpdev_Meshdev-Updev Community2044×1183 161 KB

Cardano est une plateforme blockchain puissante qui permet la création, le transfert et la gestion d’actifs numériques. Si vous êtes un développeur désireux d’explorer comment créer, envoyer et détruire des actifs sur Cardano en utilisant la bibliothèque JavaScript Mesh.dev et ReactJS, ce guide est fait pour vous. Dans ce tutoriel complet, nous couvrirons les étapes essentielles pour vous lancer.

Configuration du Système

Avant de plonger dans le monde de la gestion d’actifs sur Cardano, assurez-vous que votre environnement de développement est prêt. Voici ce que vous devez faire :

  1. Visual Studio Code : Téléchargez et installez Visual Studio Code, un éditeur de code polyvalent fourni par Microsoft.
  2. Node.js : Installez Node.js, un environnement d’exécution JavaScript, de préférence la version Long-Term Support (LTS) (v16.16.0 au moment de l’écriture).

Configuration de Next.js

Next.js est un puissant framework de développement web qui améliore les applications basées sur React en permettant des fonctionnalités telles que le rendu côté serveur et la génération de sites web statiques. Mettons-le en place :

  1. Créez un Dossier de Projet et Ouvrez Visual Studio Code : Commencez par créer un nouveau dossier pour votre projet et donnez-lui un nom significatif. Ouvrez Visual Studio Code et faites glisser votre dossier de projet dedans.
  2. Créez une Application Next.js : Ouvrez le Terminal dans Visual Studio Code et exécutez la commande suivante pour créer une nouvelle application Next.js :

npx create-next-app@latest --typescript .

  • Démarrez le Serveur de Développement : Après l’installation, démarrez le serveur de développement en exécutant :

npm run dev

Configuration de Mesh

Mesh est une bibliothèque JavaScript qui simplifie les interactions avec la blockchain Cardano. Intégrons-la dans notre application Next.js :

  • Installez le Paquet MeshJS : Installez la dernière version de Mesh ainsi que l’extension React en utilisant npm :

npm install @meshsdk/core @meshsdk/react

  • Ajoutez Webpack dans next.config.js : Ouvrez next.config.js et incluez les configurations Webpack suivantes :

const nextConfig = { reactStrictMode: true, webpack: function (config, options) { config.experiments = { asyncWebAssembly: true, layers: true, }; return config; }, }; module.exports = nextConfig;

Félicitations : Avec Mesh intégré, vous avez fait des progrès significatifs pour construire une application de gestion d’actifs Cardano.

Connexion de Portefeuilles

L’une des étapes clés de la gestion d’actifs est de connecter les portefeuilles des utilisateurs à l’application. Cela leur permet de parcourir leurs actifs et de réaliser des transactions. Voyons comment y parvenir :

  • Ajoutez MeshProvider : Ouvrez pages/_app.tsx et ajoutez le MeshProvider de la bibliothèque Mesh à votre application :

import { MeshProvider } from “@meshsdk/react”; function MyApp({ Component, pageProps }: AppProps) { return ( <Component {…pageProps} /> ); }

  • Composant de Connexion de Portefeuille : Implémentez un composant qui permet aux utilisateurs de connecter leurs portefeuilles et de voir leurs actifs. Le composant devrait ressembler à ceci :

import { useWallet } from “@meshsdk/react”; import { CardanoWallet } from “@meshsdk/react”; const Home: NextPage = () => { const { connected, wallet } = useWallet(); // … };

  1. Visualisation des Actifs du Portefeuille : Permettez aux utilisateurs de voir leurs actifs de portefeuille en utilisant la fonction wallet.getAssets(). Assurez-vous de gérer les états de chargement et d’erreur de manière appropriée.

Transactions de Création

La création d’actifs consiste à créer de nouveaux actifs numériques sur la blockchain Cardano. Explorons comment créer des actifs en utilisant ForgeScript.

Création d’Actifs

  • Définir ForgeScript : Pour commencer, définissez un ForgeScript qui facilitera le processus de création. Le ForgeScript représente l’adresse qui sera utilisée pour la création. Vous pouvez le créer comme ceci :

const usedAddress = await wallet.getUsedAddresses(); const address = usedAddress[0]; const forgingScript = ForgeScript.withOneSignature(address);

  • Définir les Métadonnées : Définissez les métadonnées de l’actif, y compris son nom, son image, son type de média et sa description.

const assetMetadata = { “name”: “Token Mesh”, “image”: “ipfs://QmRzicpReutwCkM6aotuKjErFCUD213DpwPq6ByuzMJaua”, “mediaType”: “image/jpg”, “description”: “Ce jeton NFT a été créé par Mesh (https://meshjs.dev/).” };

  • Définir l’Actif à Créer : Créez un objet représentant l’actif que vous souhaitez créer.

const asset = { assetName: ‘TokenMesh’, assetQuantity: ‘1’, metadata: assetMetadata, label: ‘721’, recipient: ‘addr_test1vpvx0sacufuypa2k4sngk7q40zc5c4npl337uusdh64kv0c7e4cxr’ };

  • Créer l’Actif : Utilisez la fonction tx.mintAsset() pour créer l’actif.

tx.mintAsset(forgingScript, asset);

Création d’Actifs avec un Script Natif

Pour créer des actifs avec un script natif, vous pouvez utiliser un ForgeScript basé sur NativeScript. Voici comment procéder :

  1. Définir NativeScript : Créez un NativeScript qui définit un script de verrouillage de politique. Vous aurez besoin du hash de clé de paiement pour cela.

const nativeScript = { type: ‘all’, scripts: [ { type: ‘before’, slot: ‘<insérer le slot ici>’ }, { type: ‘sig’, keyHash: ‘<insérer le hash de clé ici>’ } ] };

  • Convertir en ForgeScript : Utilisez la fonction ForgeScript.fromNativeScript(nativeScript) pour convertir le NativeScript en ForgeScript.
  • Définir les Métadonnées et l’Actif : Définissez les métadonnées et l’actif que vous souhaitez créer, tout comme dans l’exemple précédent.
  • Créer l’Actif avec le Script Natif : Utilisez la fonction tx.mintAsset() avec le ForgeScript basé sur NativeScript pour créer l’actif.

Création de Jetons de Redevance

Les jetons de redevance permettent aux créateurs de collecter des frais de redevance sur les transactions ultérieures impliquant l’actif. Voici comment créer ces jetons spéciaux :

  1. Définir ForgeScript : Tout comme précédemment, commencez par définir un ForgeScript qui représente l’adresse de création.
  2. Définir les Métadonnées de Redevance : Dans les métadonnées de l’actif, ajoutez les valeurs “rate” (taux) et “addr” (adresse) pour spécifier la redevance et l’adresse qui la recevra.
  3. Définir l’Actif à Créer : Créez l’objet de l’actif avec les métadonnées de redevance.
  4. Créer le Jeton de Redevance : Utilisez tx.mintAsset() pour créer l’actif avec des métadonnées de redevance.

Destruction d’Actifs

La destruction d’actifs consiste à les retirer de la circulation. Cette opération est souvent réalisée pour réduire l’offre ou se conformer à certaines exigences. Voici comment détruire des actifs :

  1. Définir ForgeScript : Tout comme pour la création, commencez par définir un ForgeScript représentant l’adresse depuis laquelle les actifs seront détruits.
  2. Définir l’Actif : Créez un objet d’actif représentant l’actif que vous souhaitez détruire.
  3. Détruire l’Actif : Utilisez la fonction tx.burnAsset() pour détruire l’actif :

tx.burnAsset(forgingScript, asset);

Accès Maintenant

Vous êtes maintenant équipé pour plonger dans le monde de la gestion d’actifs Cardano en utilisant Mesh.dev et ReactJS. Explorez, expérimentez et créez des applications incroyables qui tirent parti de la puissance de la technologie blockchain.

Accès Maintenant : JUMMA is a SEO Content Writer, Prompt Engineer and AI Consultant

Conclusion

Dans ce guide exhaustif, nous avons couvert l’essentiel de la création, de l’envoi et de la destruction d’actifs sur Cardano en utilisant la bibliothèque Mesh.dev et ReactJS. En suivant les étapes détaillées, vous pouvez exploiter le potentiel de la technologie blockchain et construire des applications innovantes répondant aux besoins des utilisateurs à l’ère numérique.

FAQ

  • Puis-je créer plusieurs types d’actifs dans une seule transaction ?

Oui, vous pouvez créer plusieurs actifs dans une seule transaction en spécifiant les détails de chaque actif dans la fonction tx.mintAsset().

  • Y a-t-il des frais associés à la création et à la destruction d’actifs ?

Oui, la création et la destruction d’actifs impliquent des frais de transaction sur le réseau Cardano. Ces frais peuvent varier en fonction des conditions du réseau.

  • Puis-je détruire un actif après l’avoir envoyé à quelqu’un d’autre ?

Non, seules les adresses ayant créé un actif peuvent le détruire. Si un actif est envoyé à quelqu’un d’autre, seul le créateur initial peut le détruire.

  • Comment puis-je en savoir plus sur les capacités de script de Cardano ?

Vous pouvez explorer la documentation officielle de Cardano et les ressources communautaires pour en savoir plus sur les capacités de script et les fonctionnalités avancées.

  • Y a-t-il une limite au nombre d’actifs que je peux créer ?

Bien qu’il n’y ait pas de limite stricte, prenez en compte la capacité du réseau et les coûts de transaction lors de la création d’un grand nombre d’actifs.

Rappelez-vous que la technologie blockchain évolue constamment et que rester à jour avec les derniers développements vous aidera à exploiter son plein potentiel pour vos projets. Bonne création !