Tutoriel de construction d'une plateforme NFT de décentralisation à partir de zéro

robot
Création du résumé en cours

Créer une plateforme de trading NFT décentralisée depuis zéro

Pour les actifs NFT conformes au protocole ERC-721, comment réaliser une transaction décentralisée ? Actuellement, la plupart des échanges NFT adoptent principalement le mode de commande, similaire à la mise en rayon de produits dans un supermarché ; les acheteurs peuvent acheter si le prix leur semble raisonnable. Cet article expliquera comment créer une plateforme de transaction NFT décentralisée de base en écrivant des contrats intelligents et un frontend simple.

Caractéristiques et modes de transaction des NFT

NFT est un jeton non fongible, chaque Token est unique, généralement affiché avec des images différentes dans un portefeuille, et possède un ID unique pour la distinction. En raison de cette caractéristique des NFT, il n'est pas possible de les évaluer par courbe de prix comme les jetons ERC-20, donc le mode de transaction courant est le modèle de carnet de commandes.

Il existe principalement deux types de transactions sur le livre de commandes :

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

Cet article présente principalement le mode de transaction des ordres de prix.

Web3 Nouveaux utilisateurs série : Réaliser un DEX NFT depuis zéro

Fonctionnalités de base de la plateforme NFT

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

  1. Mettre en vente des produits : le vendeur met le NFT en vente au prix fixé.
  2. Achat de biens : l'acheteur achète au prix NFT
  3. Frais de plateforme : un pourcentage de frais est prélevé sur le prix de la transaction.

processus de mise en ligne

  1. Frontend : l'utilisateur choisit un NFT et définit le prix, puis clique sur mettre en vente
  2. Contrat : l'utilisateur autorise les opérations de contrat sur les NFT

processus d'achat

  1. Front-end : l'utilisateur choisit le NFT qu'il souhaite acheter, puis clique sur achat.
  2. Contrat : Transférer les fonds de l'acheteur au vendeur, NFT à l'acheteur

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

Réaliser une plateforme de NFT

1. Créer un NFT de test

Vous pouvez rapidement créer un contrat NFT conforme à la norme ERC-721 pour des tests via Remix.

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

2. Rédaction des contrats intelligents

Le contrat comprend principalement les méthodes suivantes :

2.1 Le vendeur met en ligne le NFT

  • Vérifier la propriété de l'NFT
  • Ajouter un enregistrement de mise en ligne
  • Déclencher l'événement de mise en vente

2.2 L'acheteur achète un NFT

  • Lire les données NFT
  • Calculer et déduire les frais
  • Transférer l'NFT au acheteur
  • Déclencher un événement d'achat

2.3 Annuler la mise en vente

  • Marquer l'enregistrement de mise en ligne comme invalide

2.4 Frais de retrait

  • Retirer les frais accumulés vers l'adresse spécifiée

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

3. Développer l'interface frontale

Utilisez les outils suivants:

  • Ant Design Web3 : connexion du portefeuille, affichage des NFT
  • Wagmi: interagir avec le portefeuille
  • Nextjs + Vercel : déployer le projet

Page principale:

  • Mint:铸造测试NFT
  • Acheter : marché des NFT
  • Portefeuille : gérer les NFT des utilisateurs

3.1 Connecter le portefeuille

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

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

3.2 Page de Mint

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

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

3.3 Page Portfolio

  • Afficher les NFT des utilisateurs
  • Support des opérations de mise en ligne et de retrait
  • Avant la mise en ligne, il est nécessaire d'autoriser le NFT au contrat

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

3.4 Page d'achat

  • Afficher les NFT mis en ligne
  • Support pour l'achat d'opérations

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

À ce stade, une plateforme NFT décentralisée avec des fonctionnalités de base est terminée. Elle peut être déployée sur Vercel pour des tests.

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

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

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

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

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

MINT-4.06%
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
SignatureVerifiervip
· Il y a 10h
J'attends avec impatience la démonstration des fonctionnalités.
Voir l'originalRépondre0
PumpStrategistvip
· 08-06 02:59
Le volume est trop faible.
Voir l'originalRépondre0
GateUser-26d7f434vip
· 08-06 02:57
Les smart contracts sont excellents.
Voir l'originalRépondre0
EthSandwichHerovip
· 08-06 02:57
Les smart contracts sont très importants.
Voir l'originalRépondre0
DaoGovernanceOfficervip
· 08-06 02:55
Modèle empiriquement insuffisant.
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)