Te enseñamos paso a paso a construir una plataforma de intercambio descentralizada de NFT.

robot
Generación de resúmenes en curso

Construir desde cero una plataforma de intercambio NFT Descentralización

Para los NFT del protocolo ERC-721, la Descentralización del comercio es un tema importante. Actualmente, las principales plataformas de comercio de NFT utilizan en su mayoría el método de órdenes, similar a que los productos están exhibidos en estantes para que los compradores los seleccionen. Este artículo implementará el comercio descentralizado de NFT a través de contratos inteligentes y un frontend simple, solo para referencia de aprendizaje.

Serie para principiantes de Web3: crear un DEX de NFT desde cero

Resumen de NFT

NFT es un token no fungible, cada Token es único. Sigue el protocolo ERC-721, generalmente se muestra en la billetera en diferentes formas de imagen y tiene un identificador único. Debido a la singularidad de los NFT, no se pueden valorar como los tokens ERC-20 a través de curvas de precios, sino que se comercian utilizando un modelo de libro de órdenes.

Serie para principiantes de Web3: implementar un DEX NFT desde cero

Modo de transacción en el libro de órdenes

Las transacciones en el libro de órdenes son principalmente de dos tipos:

  1. Orden de precios: el vendedor establece el precio, el comprador puede comprar si lo considera adecuado.
  2. Orden de compra: el comprador publica una orden de compra, el vendedor puede vender si acepta el precio.

Este artículo se centrará en el modo de orden de precios.

Serie para principiantes de Web3: Implementar un DEX de NFT desde cero

Funciones clave de la plataforma NFT DEX

Un DEX básico de NFT debe incluir las siguientes funciones:

  1. Listado de productos: el vendedor fija el precio y lista el NFT
  2. Compra de productos: el comprador compra el NFT al precio establecido
  3. Tarifa de transacción: se cobra un cierto porcentaje sobre el precio de transacción.

proceso de listado

  1. Frontend: el usuario selecciona NFT y establece el precio
  2. Contrato: El usuario autoriza la operación del NFT del contrato

El contrato debe mantener una tabla de mapeo de precios de productos listados.

Proceso de compra

  1. Frontend: el usuario selecciona NFT y hace clic en comprar
  2. Contrato: transferir fondos del comprador al vendedor, NFT al comprador

Serie para principiantes de Web3: crear un DEX NFT desde cero

Implementación de DEX de NFT

1. Crear NFT de prueba

Se puede utilizar Remix para implementar rápidamente un contrato NFT del protocolo ERC-721.

Serie para principiantes en Web3: implementar un DEX de NFT desde cero

2. Escribir contratos inteligentes

Principalmente incluye los siguientes métodos:

2.1 Vendedor lista NFT

  1. Verificar la propiedad del NFT
  2. Añadir registro de listado
  3. Disparar el evento de listado

Serie para principiantes de Web3: implementar un DEX de NFT desde cero

2.2 Comprador compra NFT

  1. Leer datos de listado de NFT
  2. Calcular y deducir la tarifa de transacción
  3. Transferir NFT al comprador
  4. Activar evento de compra

Serie para principiantes en Web3: Crear un DEX de NFT desde cero

2.3 Cancelar la lista

Establecer el campo isActive del registro de listado como falso

Serie para principiantes de Web3: Implementar un DEX de NFT desde cero

2.4 Extracción de tarifas

Extraer las tarifas acumuladas del contrato

Serie para principiantes en Web3: implementar un DEX NFT desde cero

3. Desarrollo Frontend

Uso de herramientas:

  • Ant Design Web3: conexión de billetera y NFT
  • Wagmi: interacción de billetera
  • Nextjs + Vercel: despliegue

Página principal:

  • Mint: acuñación de prueba NFT
  • Comprar: mercado de NFT
  • Portfolio: gestión personal de NFT

Serie para principiantes de Web3: implementar un DEX de NFT desde cero

3.1 Conexión de la billetera

Implementar utilizando el componente de conexión de Ant Design Web3.

Serie para principiantes en Web3: implementar un DEX NFT desde cero

3.2 Página de Mint

Llamar al método mint del contrato para acuñar NFT.

Serie para principiantes de Web3: Implementar un DEX de NFT desde cero

3.3 Página de Portafolio

Mostrar NFT de usuarios, soporta operaciones de listado y deslistado. Se debe autorizar el NFT al contrato antes de la lista.

Serie para principiantes en Web3: Implementar un DEX de NFT desde cero

3.4 Página de Compra

Muestra todos los NFT listados, soporta operaciones de compra. Llama al método purchaseNFT y paga ETH al comprar.

Una vez completado, se puede desplegar en la plataforma Vercel.

A través de los pasos anteriores, hemos implementado una plataforma de intercambio NFT con funciones básicas. Esto sienta las bases para el desarrollo posterior de un sistema de intercambio NFT más complejo.

Ver originales
This page may contain third-party content, which is provided for information purposes only (not representations/warranties) and should not be considered as an endorsement of its views by Gate, nor as financial or professional advice. See Disclaimer for details.
  • Recompensa
  • 6
  • Compartir
Comentar
0/400
GasGrillMastervip
· hace17h
No hay problema, incluso los amigos que no saben escribir código pueden entenderlo.
Ver originalesResponder0
fomo_fightervip
· hace17h
Apresúrate a aprenderlo, la próxima ola de bull run depende de esto.
Ver originalesResponder0
BridgeNomadvip
· hace17h
bruh... mejor añade controles de multi-sig o veremos otro escenario del puente ronin
Ver originalesResponder0
LeekCuttervip
· hace17h
¡Tutorial duro! Debe ser guardado
Ver originalesResponder0
MysteryBoxOpenervip
· hace17h
Ver los primeros dos minutos me hizo querer Rug Pull.
Ver originalesResponder0
CryptoTarotReadervip
· hace17h
alcista ah, presenciando el próximo os
Ver originalesResponder0
  • Anclado
Opere con criptomonedas en cualquier momento y lugar
qrCode
Escanee para descargar la aplicación Gate
Comunidad
Español
  • 简体中文
  • English
  • Tiếng Việt
  • 繁體中文
  • Español
  • Русский
  • Français (Afrique)
  • Português (Portugal)
  • Bahasa Indonesia
  • 日本語
  • بالعربية
  • Українська
  • Português (Brasil)