Guide complet pour construire de zéro une plateforme NFT de Décentralisation.

robot
Création du résumé en cours

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

Pour les NFT suivant le protocole ERC-721, la manière de réaliser des transactions décentralisées diffère de celle des jetons ERC-20. Actuellement, le modèle de transaction NFT dominant ressemble à l'exposition de produits sur les étagères d'un supermarché, où les acheteurs peuvent choisir directement les NFT qui les intéressent.

Cet article présentera comment réaliser une plateforme de trading NFT décentralisée de base à travers des contrats intelligents et une simple interface frontale. Il est à noter que ceci n'est qu'un projet de démonstration à des fins d'apprentissage et n'est pas destiné à être utilisé directement en production.

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

Caractéristiques et modes de transaction des NFT

NFT est un jeton non fongible, chaque Token est unique. En général, les NFT affichent différentes images dans un portefeuille et ont un identifiant unique. En raison de cette caractéristique des NFT, il n'est pas possible de déterminer le prix comme avec les jetons ERC-20 par une courbe de prix. Actuellement, la méthode de transaction NFT la plus courante est sous forme de livre de commandes.

Il existe principalement deux types de modes de transaction sur le carnet de commandes:

  1. Ordre de tarification : le vendeur fixe le prix, l'acheteur peut acheter s'il le juge approprié.
  2. Demande d'achat : l'acheteur publie ses besoins et prix d'achat, le vendeur peut vendre s'il trouve cela approprié.

Cet article mettra l'accent sur le mode de transaction à prix fixe.

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

Fonctionnalités clés de la plateforme NFT

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

  1. Mise en ligne de NFT : le vendeur fixe le prix et met le NFT en ligne.
  2. Acheter des NFT : les acheteurs achètent des NFT au prix fixé
  3. Perception des frais : des frais sont perçus à un certain pourcentage du prix de transaction.

processus de mise en ligne des NFT

  1. Frontend : l'utilisateur choisit le NFT et fixe le prix
  2. Contrat : l'utilisateur autorise les opérations de contrat sur les droits NFT.
  3. Contrat : enregistrement des informations de mise en ligne

Processus d'achat NFT

  1. Frontend : l'utilisateur choisit le NFT qu'il souhaite acheter
  2. Contrat : transférer le NFT à l'acheteur, transférer à la plateforme

Web3 Nouveaux venus : Créer un DEX NFT à partir de zéro

Réaliser une plateforme de trading NFT

Ensuite, nous allons créer une plateforme NFT simple à partir de zéro.

1. Créer un NFT de test

Nous pouvons utiliser Remix pour déployer rapidement un contrat NFT conforme au protocole ERC-721, pour des tests.

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

2. Rédiger un contrat intelligent

Le contrat doit mettre en œuvre les principales méthodes suivantes :

2.1 Vendeur met en ligne NFT

Processus:

  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

2.2 L'acheteur achète un NFT

Processus:

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

2.3 Annuler la mise en vente

Il suffit de marquer l'enregistrement de mise en vente comme invalide.

2.4 Retrait des frais de transaction

Transférer les frais accumulés.

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

3. Développer l'interface frontale

Nous allons utiliser les outils suivants :

  • Ant Design Web3 : connecter le portefeuille, afficher les NFT
  • Wagmi: interaction avec le portefeuille
  • Next.js + Vercel : déployer le projet

Le front-end doit mettre en œuvre trois pages principales :

  • Mint: créer un NFT de test
  • Acheter: Marché NFT
  • Portefeuille : gérer les NFT des utilisateurs

3.1 Connecter le portefeuille

Utiliser les composants Ant Design Web3 pour implémenter la fonctionnalité de connexion au portefeuille.

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

3.2 Page de Mint

Utilisé pour créer un NFT de test, appeler la méthode mint du contrat.

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

3.3 Page de portefeuille

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

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

3.4 Page d'achat

Afficher tous les NFT mis en vente, supporte la fonction d'achat.

Web3 Nouveau : Créer un DEX NFT à partir de zéro

Grâce aux étapes ci-dessus, nous avons réalisé une plateforme NFT de décentralisation de base. Bien que les fonctionnalités soient relativement simples, elle contient déjà la logique centrale des transactions NFT. Sur cette base, il est possible de compléter et d'optimiser davantage pour répondre aux besoins de divers scénarios d'application.

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

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

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

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

MINT0.11%
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
  • 8
  • Partager
Commentaire
0/400
HashBanditvip
· Il y a 6h
heh un autre tutoriel de marché NFT... comme si nous avions besoin de plus de boutiques jpeg qui consomment du gas rn
Voir l'originalRépondre0
TokenTaxonomistvip
· Il y a 13h
statistiquement, 89,7 % de ces "guides" manquent des vecteurs de sécurité cruciaux...
Voir l'originalRépondre0
GasGuruvip
· Il y a 13h
Ça a l'air de fonctionner, mais c'est trop compliqué, non ?
Voir l'originalRépondre0
SleepTradervip
· Il y a 13h
Y a-t-il un bug ? Regardons.
Voir l'originalRépondre0
SatoshiLegendvip
· Il y a 13h
Le code du protocole est la véritable voie / Analyse approfondie du code source
Voir l'originalRépondre0
GovernancePretendervip
· Il y a 13h
Je comprends tout ce que vous dites, mais c'est le plus difficile de mettre en place.
Voir l'originalRépondre0
ChainSherlockGirlvip
· Il y a 13h
Regardez qui veut encore ouvrir une plateforme d'échange NFT pour prendre les gens pour des idiots~ Les frais m'ont encore attiré l'attention.
Voir l'originalRépondre0
GasFeeNightmarevip
· Il y a 13h
C'est un peu déroutant, le gas n'est déjà pas bas, alors pourquoi faire ça ?
Voir l'originalRépondre0
  • Épingler
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)