Développer une plateforme d'échange NFT décentralisée à partir de zéro

Pour les NFT du protocole ERC-721, la réalisation de transactions décentralisées est un sujet important. Actuellement, les principales plateformes de trading de NFT adoptent souvent un modèle de commande, similaire à l'affichage des produits sur les étagères d'un supermarché. Cet article démontrera comment construire un système de trading NFT décentralisé de base via des contrats intelligents et une interface frontale simple.

Caractéristiques et modèles de transaction des NFT

NFT signifie jeton non fongible, chaque Token est unique. En raison de cette caractéristique, les NFT ne peuvent pas être tarifés comme les jetons ERC-20 par une courbe de prix, mais sont échangés sous forme de carnet de commandes.

Les transactions sur le carnet de commandes se déroulent principalement selon deux modes :

1. Ordre de prix : le vendeur fixe le prix, l'acheteur achète directement.
2. Ordre d'achat : l'acheteur publie un ordre d'achat, le vendeur choisit de vendre.

Cet article se concentrera sur le mode de commande de prix.

Fonctionnalités clés de la plateforme NFT

Une plateforme NFT de base devrait inclure les fonctionnalités suivantes :

1. Mettre en ligne des produits : le vendeur fixe le prix pour mettre en ligne le NFT
2. Achat de produits : l'acheteur achète le NFT au prix fixé.
3. Frais de transaction : la plateforme prélève un certain pourcentage de frais de transaction.

processus de mise en ligne

1. L'utilisateur choisit un NFT et fixe le prix
2. L'utilisateur autorise le contrat à opérer sur le NFT
3. Informations sur la mise en ligne des contrats

Processus d'achat

1. Les utilisateurs choisissent et achètent des NFT
2. Transfert de la propriété NFT du contrat
3. Payer le vendeur, déduire les frais

Développement de contrats intelligents

Le contrat contient principalement les méthodes suivantes :

1. Mettre en ligne NFT

   • Vérifier la propriété de l'NFT
   • Ajouter un enregistrement de mise en vente
   • Déclencher l'événement de mise en ligne

2. Acheter NFT

   • Lire les informations sur les prix des NFT
   • Calculer et déduire les frais de transaction
   • Transférer la propriété de l'NFT
   • Déclencher un événement d'achat

3. Annuler la mise en vente

   • Mettre l'état de mise en ligne sur invalide

4. Frais de retrait

   • Transférer les frais accumulés

Développement Front-end

Le front-end utilise les outils suivants :

• Ant Design Web3 : connexion de portefeuille et exposition NFT
• Wagmi: interaction de portefeuille
• Next.js + Vercel : développement et déploiement d'applications

Fonctionnalités principales de la page :

1. Mint: créer un NFT de test
2. Acheter : marché des NFT
3. Portfolio : gérer les NFT des utilisateurs

connexion de portefeuille

Utiliser les composants Ant Design Web3 pour réaliser la fonctionnalité de connexion au portefeuille.

gestion NFT

La page du portefeuille affiche les NFT des utilisateurs, prenant en charge les opérations de mise en vente et de retrait. Lors de la mise en vente, il est nécessaire d'autoriser le NFT au contrat.

NFT交易

La page d'achat affiche tous les NFT en vente, les utilisateurs peuvent acheter directement. Lors de l'achat, la méthode purchaseNFT du contrat est appelée et le montant correspondant en ETH est payé.

Grâce aux étapes ci-dessus, nous avons réalisé une plateforme NFT de Décentralisation de base. Bien que les fonctionnalités soient encore assez simples, elle inclut déjà le processus de transaction central, pouvant servir de base à des systèmes plus complexes.