Construire une plateforme de trading NFT décentralisée à partir de zéro
Pour les NFT basés sur le protocole ERC-721, comment réaliser des transactions décentralisées ? Actuellement, les principales plateformes d'échange de NFT utilisent principalement un système d'ordres, similaire à la disposition des produits sur les étagères d'un supermarché, où les acheteurs peuvent acheter directement si le prix leur semble approprié. Cet article expliquera comment créer une plateforme de交易 décentralisée de NFT de base en rédigeant des contrats intelligents et une simple page frontale.
NFT(Token Non Fongible)Présentation
NFT est un jeton non fongible, chaque Token est unique et suit le protocole ERC-721. En général, chaque NFT affichera une image différente dans le portefeuille, et chaque groupe de NFT a un ID unique pour les distinguer.
En raison des caractéristiques des NFT, il n'est pas possible de fixer un prix comme pour les jetons ERC-20 via une courbe de prix. Par conséquent, la méthode de trading la plus courante actuellement est sous forme de carnet de commandes.
Mode de transaction sur le livre de commandes
Le modèle de carnet de commandes, en termes simples, est celui où le prix des marchandises est fixé par des humains, contrairement à la méthode de calcul des prix par courbes de prix. Le carnet de commandes a généralement deux modes de trading :
Ordre de prix : le vendeur fixe le prix de vente, et l'acheteur peut acheter directement si cela lui convient.
Ordre d'achat : L'acheteur émet un ordre d'achat, le vendeur peut vendre s'il pense que le prix est approprié.
En général, le prix des ordres d'achat sera inférieur à celui des ordres de prix. Cet article présente principalement le modèle d'ordre de prix.
Fonctionnalités de base de la plateforme NFT
Une plateforme NFT de base devrait inclure les fonctionnalités suivantes :
Mettre en vente des produits : Mettre les NFT en vente selon le prix fixé.
Acheter des produits : acheter en fonction du prix de l'NFT
Frais de plateforme : des frais sont prélevés en proportion du prix de la transaction.
processus de mise en ligne des produits
Front-end : l'utilisateur choisit le NFT et fixe le prix, puis clique sur mettre en vente.
Contrat : l'utilisateur autorise le contrat à opérer des NFT
Il est nécessaire de maintenir un tableau de correspondance des prix des produits mis en vente par les utilisateurs dans le contrat. Ces données peuvent également être stockées dans des services centralisés pour alléger la charge du contrat, mais dans cet article, elles seront directement stockées dans le contrat.
Processus d'achat de biens
Frontend : L'utilisateur choisit l'NFT qu'il souhaite acheter et clique sur acheter
Contrat : Transférer les fonds de l'acheteur au vendeur, NFT à l'acheteur
Réaliser une plateforme de NFT
1. Créer un NFT de test
Vous pouvez déployer rapidement un contrat NFT du protocole ERC-721 pour des tests via Remix.
2. Rédaction de contrats intelligents
Le contrat doit inclure les principales fonctionnalités suivantes :
2.1 Vendeur met en ligne NFT
Processus :
L'utilisateur choisit le NFT
Définir le prix ( en USDT, USDC ou ETH )
Autoriser le NFT au contrat
Appeler la méthode de mise en ligne
Méthode de mise en ligne requise :
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.2 L'acheteur achète un NFT
Processus:
Lire les données NFT à partir des listings
Calculer et déduire les frais de service
Transférer le NFT à l'acheteur
Déclencher l'événement d'achat
2.3 Annuler la mise en ligne
Il suffit de définir le champ isActive correspondant à l'NFT dans les listings sur false.
2.4 Retrait des frais de transaction
Retirer les frais accumulés dans le contrat à l'adresse spécifiée.
3. Développer l'interface frontale
Utilisez les outils suivants :
Ant Design Web3: connecter le portefeuille et afficher les NFT
Wagmi: Interagir avec le portefeuille
Next.js + Vercel : déployer le projet
L'interface utilisateur comprend trois pages principales :
Mint: utilisé pour frapper des NFT de test
Acheter : marché des NFT, possibilité d'acheter des NFT
Portefeuille : gérer les NFT des utilisateurs, prendre en charge la mise en vente et le retrait.
3.1 Connecter le portefeuille
Utilisez 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 Portfolio
Afficher les NFT des utilisateurs, prendre en charge les opérations de mise en ligne et de suppression.
Lors de la mise en vente, appelez la méthode listNFT, et pour l'annulation, appelez la méthode cancelListing. Avant la mise en vente, vous devez autoriser le NFT au contrat.
3.4 Page d'achat
Afficher tous les NFT mis en vente, appeler la méthode purchaseNFT pour effectuer l'achat.
À ce stade, une plateforme d'échange NFT décentralisée de base est terminée. Le projet peut être déployé sur Vercel pour des tests et une utilisation.
Voir l'original
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.
22 J'aime
Récompense
22
5
Partager
Commentaire
0/400
down_only_larry
· 07-25 00:08
Bon travail, étudiez à fond.
Voir l'originalRépondre0
NestedFox
· 07-23 15:05
Ah, c'est si simple que je me suis endormi.
Voir l'originalRépondre0
GasSavingMaster
· 07-22 00:40
C'est bien expliqué en ce qui concerne les frais.
Voir l'originalRépondre0
MetaLord420
· 07-22 00:37
C'est un bon tutoriel, avec des informations précieuses.
De 0 à 1, construire le processus complet d'une plateforme d'échange NFT décentralisée
Construire une plateforme de trading NFT décentralisée à partir de zéro
Pour les NFT basés sur le protocole ERC-721, comment réaliser des transactions décentralisées ? Actuellement, les principales plateformes d'échange de NFT utilisent principalement un système d'ordres, similaire à la disposition des produits sur les étagères d'un supermarché, où les acheteurs peuvent acheter directement si le prix leur semble approprié. Cet article expliquera comment créer une plateforme de交易 décentralisée de NFT de base en rédigeant des contrats intelligents et une simple page frontale.
NFT(Token Non Fongible)Présentation
NFT est un jeton non fongible, chaque Token est unique et suit le protocole ERC-721. En général, chaque NFT affichera une image différente dans le portefeuille, et chaque groupe de NFT a un ID unique pour les distinguer.
En raison des caractéristiques des NFT, il n'est pas possible de fixer un prix comme pour les jetons ERC-20 via une courbe de prix. Par conséquent, la méthode de trading la plus courante actuellement est sous forme de carnet de commandes.
Mode de transaction sur le livre de commandes
Le modèle de carnet de commandes, en termes simples, est celui où le prix des marchandises est fixé par des humains, contrairement à la méthode de calcul des prix par courbes de prix. Le carnet de commandes a généralement deux modes de trading :
Ordre de prix : le vendeur fixe le prix de vente, et l'acheteur peut acheter directement si cela lui convient.
Ordre d'achat : L'acheteur émet un ordre d'achat, le vendeur peut vendre s'il pense que le prix est approprié.
En général, le prix des ordres d'achat sera inférieur à celui des ordres de prix. Cet article présente principalement le modèle d'ordre de prix.
Fonctionnalités de base de la plateforme NFT
Une plateforme NFT de base devrait inclure les fonctionnalités suivantes :
processus de mise en ligne des produits
Il est nécessaire de maintenir un tableau de correspondance des prix des produits mis en vente par les utilisateurs dans le contrat. Ces données peuvent également être stockées dans des services centralisés pour alléger la charge du contrat, mais dans cet article, elles seront directement stockées dans le contrat.
Processus d'achat de biens
Réaliser une plateforme de NFT
1. Créer un NFT de test
Vous pouvez déployer rapidement un contrat NFT du protocole ERC-721 pour des tests via Remix.
2. Rédaction de contrats intelligents
Le contrat doit inclure les principales fonctionnalités suivantes :
2.1 Vendeur met en ligne NFT
Processus :
Méthode de mise en ligne requise :
2.2 L'acheteur achète un NFT
Processus:
2.3 Annuler la mise en ligne
Il suffit de définir le champ isActive correspondant à l'NFT dans les listings sur false.
2.4 Retrait des frais de transaction
Retirer les frais accumulés dans le contrat à l'adresse spécifiée.
3. Développer l'interface frontale
Utilisez les outils suivants :
L'interface utilisateur comprend trois pages principales :
3.1 Connecter le portefeuille
Utilisez 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 Portfolio
Afficher les NFT des utilisateurs, prendre en charge les opérations de mise en ligne et de suppression.
Lors de la mise en vente, appelez la méthode listNFT, et pour l'annulation, appelez la méthode cancelListing. Avant la mise en vente, vous devez autoriser le NFT au contrat.
3.4 Page d'achat
Afficher tous les NFT mis en vente, appeler la méthode purchaseNFT pour effectuer l'achat.
À ce stade, une plateforme d'échange NFT décentralisée de base est terminée. Le projet peut être déployé sur Vercel pour des tests et une utilisation.