Créer un DEX NFT à partir de zéro

Pour les NFT basés sur le protocole ERC-721, comment réaliser une交易去中心化? Actuellement, les plateformes d'échange NFT dominantes adoptent principalement un mode de挂单 pour le trading, semblable à l'affichage de produits sur les étagères d'un supermarché, où les acheteurs peuvent acheter si le prix leur semble convenable. Cet article mettra en œuvre une fonction de交易去中心化 de base pour les NFT en rédigeant un contrat intelligent et une simple page frontale.

Introduction à l'NFT

NFT(Token Non Fongible) c'est-à-dire un jeton non fongible, chaque jeton est unique et suit le protocole ERC-721. En général, chaque NFT affichera une image différente dans le portefeuille et aura un ID unique pour la distinction. En raison des caractéristiques des NFT, il n'est pas possible de fixer un prix par courbe de prix comme pour les jetons ERC-20, donc la méthode de transaction courante est sous forme de carnet de commandes.

Mode de transaction sur carnet d'ordres

Le mode carnet de commandes se divise principalement en deux types :

1. Ordre de prix : le vendeur fixe le prix de vente, l'acheteur peut acheter si cela lui convient.
2. Ordre d'achat : L'acheteur émet un ordre d'achat, le vendeur peut vendre si le prix lui convient.

En général, le prix des ordres d'achat sera inférieur au prix des ordres de vente. Cet article présente principalement le mode des ordres de vente.

Fonctionnalités de base de la plateforme d'échange NFT

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

1. Mettre en vente des produits : Lister les NFT au prix défini.
2. Acheter des biens : acheter au prix NFT
3. Perception des frais : prélevés en fonction du pourcentage du prix de transaction

Processus d'ajout de produits

1. Frontend : l'utilisateur choisit le NFT et fixe le prix, puis clique sur mettre en vente
2. Contrat : L'utilisateur autorise le contrat à gérer les NFT

Processus d'achat de produits

1. Frontend : l'utilisateur sélectionne un NFT, clique sur acheter
2. Contrat : Transférer les fonds de l'acheteur au vendeur, NFT à l'acheteur

réaliser une plateforme d'échange NFT

1. Créer un NFT de test

Vous pouvez utiliser Remix pour déployer rapidement un contrat NFT basé sur le protocole ERC-721 pour des tests.

2. Rédiger un contrat intelligent

Le contrat comprend principalement les méthodes suivantes :

2.1 Vendeur met en vente NFT

Processus :

1. L'utilisateur choisit un NFT
2. Fixer le prix
3. Autoriser le NFT au contrat
4. Appeler la méthode de mise en ligne

Méthode de mise en ligne :

1. Vérifier la propriété de l'NFT
2. Ajouter un enregistrement de mise en ligne
3. Déclencher un événement de mise en ligne

2.2 L'acheteur achète des NFT

Exécution de contrat :

1. Lire les données NFT
2. Calculer et déduire les frais
3. Transférer le NFT à l'acheteur
4. Déclencher un événement d'achat

2.3 Annuler la mise en ligne

Mettre le champ isActive des enregistrements en vente à false

2.4 Retrait des frais

Retirer les frais accumulés dans le contrat

3. Développer l'interface frontale

Outils principaux utilisés :

• Ant Design Web3 : Connecter le portefeuille et afficher les NFT
• Wagmi: Interaction avec le portefeuille
• Next.js + Vercel : déployer le projet

L'interface utilisateur comprend 3 pages :

• Mint: Créer un NFT de test
• Acheter : Marché NFT
• Portfolio: Gestion des NFT des utilisateurs

3.1 Connecter le portefeuille

Utiliser le composant de connexion Ant Design Web3.

3.2 Page de Mint

Utilisez la méthode useWriteContract de wagmi pour appeler la méthode mint du contrat NFT.

3.3 Page de Portefeuille

Afficher les NFT possédés par l'utilisateur, prendre en charge les opérations de mise en ligne et de retrait.

3.4 Page d'Achat

Afficher les NFT déjà listés, prise en charge des opérations d'achat.

Grâce aux étapes ci-dessus, une plateforme d'échange NFT décentralisée a été mise en place. Vous pouvez déployer le front-end sur Vercel pour y accéder.