Construire une plateforme de trading NFT décentralisée à partir de zéro
Pour les actifs NFT conformes au protocole ERC-721, comment réaliser des transactions décentralisées ? Actuellement, les principales plateformes d'échange de NFT utilisent principalement un modèle de commande, similaire à la mise en vente de produits. Cet article mettra en œuvre une fonction de transaction NFT décentralisée de base en écrivant un contrat intelligent et un front-end simple.
Caractéristiques et modes de transaction des NFT
NFT signifie jeton non fongible, chaque Token est unique, généralement affiché dans le portefeuille avec des images différentes et identifié par un ID unique. En raison de cette caractéristique des NFT, il n'est pas possible de fixer un prix comme avec les jetons ERC-20 par une courbe de prix. La méthode de transaction NFT courante est le modèle de livre de commandes, qui comprend deux types : les ordres de prix et les ordres d'achat. Cet article présente principalement le modèle des ordres de prix.
Fonctionnalités principales de la plateforme de trading NFT Décentralisation
Une plateforme de transaction NFT décentralisée de base devrait inclure les fonctionnalités suivantes :
Mettre en vente un NFT : l'utilisateur fixe le prix pour mettre en vente le NFT.
Acheter un NFT : acheter un NFT au prix fixé
Perception de frais : des frais sont perçus en fonction du prix de transaction.
processus de mise en ligne des NFT
L'utilisateur choisit un NFT et fixe un prix
Autoriser le contrat à opérer les NFT de l'utilisateur
Appeler la méthode de mise en ligne du contrat, enregistrer les informations NFT
Achat du processus NFT
L'utilisateur choisit le NFT qu'il souhaite acheter
Appeler la méthode d'achat du contrat
Le contrat transfère l'NFT à l'acheteur, le transfert au vendeur.
Construire une plateforme de交易 NFT décentralisée
1. Créer un NFT de test
Vous pouvez déployer rapidement un contrat NFT conforme à la norme ERC-721 avec Remix, ou utiliser directement un NFT existant.
2. Écrire un contrat intelligent
Le contrat doit implémenter les méthodes de base suivantes :
2.1 Le vendeur met en ligne le NFT
Vérifier la propriété de l'NFT
Ajouter un enregistrement de mise en vente
Déclencher un événement de mise en ligne
2.2 L'acheteur achète des NFT
Lire les données de mise en ligne des NFT
Calculer et déduire les frais de transaction
Transférer le NFT à l'acheteur
Déclencher un événement d'achat
2.3 Annuler la mise en vente
Marquer l'enregistrement de mise en vente comme invalide
2.4 Retrait des frais
La plateforme peut percevoir un certain pourcentage de frais, déposés dans un contrat ou une adresse désignée.
3. Développer l'interface front-end
Utilisez les outils suivants :
Ant Design Web3 : connecter un portefeuille, afficher NFT
Wagmi: interaction avec le portefeuille
Next.js + Vercel : déployer l'application
L'interface utilisateur comprend trois pages principales :
3.1 Connecter le portefeuille
Utiliser les composants Ant Design Web3 pour réaliser la fonction de connexion au portefeuille.
3.2 Page de Mint
Utilisé pour frapper des tests NFT, appeler la méthode mint du contrat.
3.3 Page de gestion d'actifs
Afficher les NFT des utilisateurs, support des opérations de mise en vente et de retrait. Appeler les méthodes de contrat listNFT et cancelListing.
3.4 Page d'achat
Afficher tous les NFT listés, prendre en charge l'opération d'achat. Appeler la méthode de contrat purchaseNFT pour finaliser la transaction.
Ainsi, une plateforme de trading NFT décentralisée de base est maintenant achevée. Grâce à des contrats intelligents, la logique de trading centrale est réalisée, et le front-end offre une interface utilisateur conviviale, permettant de prendre en charge le trading décentralisé des NFT.
Cette page peut inclure du contenu de tiers fourni à des fins d'information uniquement. Gate ne garantit ni l'exactitude ni la validité de ces contenus, n’endosse pas les opinions exprimées, et ne fournit aucun conseil financier ou professionnel à travers ces informations. Voir la section Avertissement pour plus de détails.
Processus complet pour construire une plateforme de trading NFT décentralisée sans aucune base.
Construire une plateforme de trading NFT décentralisée à partir de zéro
Pour les actifs NFT conformes au protocole ERC-721, comment réaliser des transactions décentralisées ? Actuellement, les principales plateformes d'échange de NFT utilisent principalement un modèle de commande, similaire à la mise en vente de produits. Cet article mettra en œuvre une fonction de transaction NFT décentralisée de base en écrivant un contrat intelligent et un front-end simple.
Caractéristiques et modes de transaction des NFT
NFT signifie jeton non fongible, chaque Token est unique, généralement affiché dans le portefeuille avec des images différentes et identifié par un ID unique. En raison de cette caractéristique des NFT, il n'est pas possible de fixer un prix comme avec les jetons ERC-20 par une courbe de prix. La méthode de transaction NFT courante est le modèle de livre de commandes, qui comprend deux types : les ordres de prix et les ordres d'achat. Cet article présente principalement le modèle des ordres de prix.
Fonctionnalités principales de la plateforme de trading NFT Décentralisation
Une plateforme de transaction NFT décentralisée de base devrait inclure les fonctionnalités suivantes :
processus de mise en ligne des NFT
Achat du processus NFT
Construire une plateforme de交易 NFT décentralisée
1. Créer un NFT de test
Vous pouvez déployer rapidement un contrat NFT conforme à la norme ERC-721 avec Remix, ou utiliser directement un NFT existant.
2. Écrire un contrat intelligent
Le contrat doit implémenter les méthodes de base suivantes :
2.1 Le vendeur met en ligne le NFT
2.2 L'acheteur achète des NFT
2.3 Annuler la mise en vente
Marquer l'enregistrement de mise en vente comme invalide
2.4 Retrait des frais
La plateforme peut percevoir un certain pourcentage de frais, déposés dans un contrat ou une adresse désignée.
3. Développer l'interface front-end
Utilisez les outils suivants :
L'interface utilisateur comprend trois pages principales :
3.1 Connecter le portefeuille
Utiliser les composants Ant Design Web3 pour réaliser la fonction de connexion au portefeuille.
3.2 Page de Mint
Utilisé pour frapper des tests NFT, appeler la méthode mint du contrat.
3.3 Page de gestion d'actifs
Afficher les NFT des utilisateurs, support des opérations de mise en vente et de retrait. Appeler les méthodes de contrat listNFT et cancelListing.
3.4 Page d'achat
Afficher tous les NFT listés, prendre en charge l'opération d'achat. Appeler la méthode de contrat purchaseNFT pour finaliser la transaction.
Ainsi, une plateforme de trading NFT décentralisée de base est maintenant achevée. Grâce à des contrats intelligents, la logique de trading centrale est réalisée, et le front-end offre une interface utilisateur conviviale, permettant de prendre en charge le trading décentralisé des NFT.