De 0 à 1 : Construire votre plateforme de trading NFT décentralisée

robot
Création du résumé en cours

Construire une plateforme de trading NFT décentralisée à partir de zéro

Les jetons ERC-20 peuvent être échangés de manière décentralisée via certaines DEX, mais comment le protocole ERC-721 pour les NFT peut-il permettre des échanges décentralisés ? Actuellement, de nombreux marchés NFT adoptent principalement un système de commandes, similaire à la mise en rayon de produits dans un supermarché. Cet article expliquera comment réaliser des échanges décentralisés de NFT via des contrats intelligents et une interface frontale simple.

Web3 nouveau venu série : réaliser un DEX NFT à partir de zéro

Mécanisme de交易 NFT

NFT( jetons non fongibles ) suivent le protocole ERC-721, chaque jeton est unique. En raison de ses caractéristiques, il ne peut pas être évalué par des courbes de prix comme l'ERC-20. La méthode de trading courante est sous forme de carnet de commandes.

Le modèle de livre de commandes se divise principalement en deux types :

  1. Ordre de prix : le vendeur fixe le prix, l'acheteur peut acheter s'il le juge approprié.
  2. Ordre d'achat : l'acheteur émet un ordre d'achat, le vendeur peut vendre si le prix lui semble convenable.

En général, le prix des ordres d'achat sera inférieur à celui des ordres de prix. Cet article présente principalement la méthode de transaction des ordres de prix.

Série pour débutants Web3 : réaliser un DEX NFT à partir de zéro

Fonctionnalités principales de la plateforme NFT DEX

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

  1. Mettre en ligne des produits : mettre des NFT en ligne au prix fixé.
  2. Acheter des biens : acheter au prix des NFT
  3. Frais de transaction : prélevés en proportion du prix de transaction.

processus de mise en ligne des produits

  1. Front-end : l'utilisateur choisit un NFT et fixe le prix, puis clique sur mettre en vente.
  2. Contrat : L'utilisateur autorise le contrat à opérer des NFT

La carte des prix des produits mis en vente par les utilisateurs doit être maintenue dans le contrat.

Processus d'achat de produit

  1. Frontend : l'utilisateur choisit un NFT, clique sur acheter
  2. Contrat : Transférer au vendeur, transférer le NFT à l'acheteur

Série pour débutants Web3 : réaliser un DEX NFT à partir de zéro

Réalisation de DEX NFT

1. Créer un NFT

Il est possible de déployer rapidement des NFTs basés sur le protocole ERC-721 avec Remix, ou d'utiliser directement des NFTs existants.

Web3新手系列:从 zéro réaliser un NFT DEX

2. Développement de contrat

Principalement composé des méthodes suivantes :

2.1 Le vendeur met en ligne le NFT

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

Web3 Nouveaux venus : réaliser un DEX NFT à partir de zéro

2.2 L'acheteur achète des NFT

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

Série pour débutants Web3 : réaliser un DEX NFT à partir de zéro

2.3 Annuler la mise en ligne

Définir le champ isActive de l'enregistrement de mise en vente sur false

Web3 nouveaux venus série : réaliser un DEX NFT à partir de zéro

2.4 Retrait des frais

Retirer les frais accumulés dans le contrat à l'adresse spécifiée

Web3 Nouveaux utilisateurs série : réaliser un DEX NFT à partir de zéro

3. Développement front-end

Développer avec des outils tels qu'Ant Design Web3, Wagmi, Next.js.

Principalement composé de trois pages :

  • Mint: utilisé pour tester l'émission de NFT
  • Acheter : marché NFT
  • Portfolio: gestion des NFT des utilisateurs

Web3 nouveau venu série : réaliser un DEX NFT à partir de zéro

3.1 Connecter le portefeuille

Utiliser les composants Ant Design Web3 pour établir la connexion au portefeuille.

Web3 nouveau venu série : réaliser un DEX NFT depuis zéro

3.2 Page Mint

Appeler la méthode mint du contrat pour frapper un NFT de test.

Web3 Nouveaux : Réaliser un DEX NFT à partir de zéro

3.3 Page de portefeuille

Afficher les NFT des utilisateurs, prendre en charge les opérations de mise en vente et de retrait.

  • Obtenir la liste des NFT de l'utilisateur
  • Vérifier l'état de mise en vente de l'NFT
  • Appeler la méthode de contrat pour mettre en ligne/retirer

Web3 Nouveau série : Réaliser un DEX NFT à partir de zéro

3.4 Page d'achat

Afficher tous les NFT répertoriés, supporte l'opération d'achat.

  • Afficher le NFT isAlive
  • Appeler la méthode purchaseNFT pour acheter

Une fois le développement front-end terminé, il peut être déployé sur des plateformes telles que Vercel.

Grâce aux étapes ci-dessus, nous avons réalisé une plateforme d'échange NFT décentralisée avec des fonctionnalités de base.

Série pour débutants Web3 : réaliser un DEX NFT à partir de zéro

MINT2.21%
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.
  • Récompense
  • 5
  • Partager
Commentaire
0/400
SnapshotStrikervip
· Il y a 17m
Est-ce complètement décentralisé ?
Voir l'originalRépondre0
Whale_Whisperervip
· 07-29 00:12
L'architecture est assez complète.
Voir l'originalRépondre0
AirdropHunterKingvip
· 07-28 23:58
Il ne manque plus que les informations sur l'Airdrop.
Voir l'originalRépondre0
TokenGuruvip
· 07-28 23:53
C'est un bon projet, mon frère.
Voir l'originalRépondre0
SilentAlphavip
· 07-28 23:52
On y va, c'est le moment.
Voir l'originalRépondre0
Trader les cryptos partout et à tout moment
qrCode
Scan pour télécharger Gate app
Communauté
Français (Afrique)
  • 简体中文
  • English
  • Tiếng Việt
  • 繁體中文
  • Español
  • Русский
  • Français (Afrique)
  • Português (Portugal)
  • Bahasa Indonesia
  • 日本語
  • بالعربية
  • Українська
  • Português (Brasil)