De 0 a 1: construye tu plataforma de intercambio NFT de Descentralización

robot
Generación de resúmenes en curso

Construir desde cero una plataforma de intercambio NFT Descentralización

Los tokens ERC-20 se pueden negociar de forma descentralizada a través de ciertos DEX, ¿cómo se puede realizar el intercambio descentralizado de los NFT del protocolo ERC-721? Actualmente, la mayoría de los intercambios de NFT utilizan un método de órdenes, similar a la colocación de productos en estantes de supermercados. Este artículo presentará cómo implementar el comercio descentralizado de NFT a través de contratos inteligentes y una sencilla página de frontend.

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

Mecanismo de transacción de NFT

NFT( tokens no fungibles ) siguen el protocolo ERC-721, cada token es único. Debido a sus características, no se puede establecer un precio a través de curvas de precio como en el caso de ERC-20. Actualmente, la forma de negociación más común es a través de un libro de órdenes.

El modo de libro de órdenes tiene principalmente dos tipos:

  1. Orden de precio: el vendedor establece el precio, el comprador puede comprar si lo considera adecuado.
  2. Orden de compra: el comprador emite una orden de compra, el vendedor puede vender si considera que el precio es adecuado.

En general, el precio de la orden de compra será inferior al de la orden de precio. Este artículo presenta principalmente el método de negociación de la orden de precio.

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

Funciones clave de NFT DEX

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

  1. Listar producto: poner el NFT a la venta a un precio establecido
  2. Comprar productos: comprar a precio de NFT
  3. Cobro de comisiones: se cobra un porcentaje según el precio de la transacción.

proceso de listado de productos

  1. Frontend: el usuario selecciona el NFT y establece el precio, hace clic en publicar.
  2. Contrato: el usuario autoriza la operación del NFT

En el contrato se debe mantener el mapa de precios de los productos listados por los usuarios.

Proceso de compra de productos

  1. Frontend: el usuario selecciona el NFT, hace clic en comprar
  2. Contrato: Transferir a la parte vendedora, transferir NFT a la parte compradora

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

Implementación de NFT DEX

1. Crear NFT

Se puede utilizar Remix para desplegar rápidamente NFTs del protocolo ERC-721, o también se pueden usar NFTs existentes directamente.

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

2. Desarrollo de contratos

Principalmente incluye los siguientes métodos:

2.1 Vendedor sube NFT

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

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

2.2 Comprador compra NFT

  1. Leer datos de NFT
  2. Calcular y deducir la tarifa de servicio
  3. Transferir NFT al comprador
  4. Disparar evento de compra

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

2.3 Cancelar listado

Establecer el campo isActive del registro de listado en false

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

2.4 Extracción de tarifas

Retirar las tarifas acumuladas en el contrato a la dirección especificada

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

3. Desarrollo Frontend

Desarrollado con herramientas como Ant Design Web3, Wagmi, Next.js, etc.

Principalmente incluye tres páginas:

  • Mint: utilizado para probar la acuñación de NFT
  • Comprar: mercado de NFT
  • Portfolio: gestión de usuarios NFT

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

3.1 Conectar billetera

Usar componentes Web3 de Ant Design para implementar la conexión de billetera.

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

3.2 Página de Mint

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

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

3.3 Página de Portafolio

Mostrar NFT de usuarios, soportar operaciones de listado y deslistado.

  • Obtener lista de NFTs del usuario
  • Determinar el estado de listado del NFT
  • Llamar al método de contrato de listado/retirada

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

3.4 Página de Compra

Mostrar todos los NFT listados, soporta la operación de compra.

  • Mostrar el NFT isAlive
  • Llamar al método purchaseNFT para comprar

Una vez que se complete el desarrollo front-end, se puede implementar en plataformas como Vercel.

A través de los pasos anteriores, hemos logrado crear una plataforma de intercambio descentralizada de NFT con funciones básicas.

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

MINT-2.39%
Ver originales
Esta página puede contener contenido de terceros, que se proporciona únicamente con fines informativos (sin garantías ni declaraciones) y no debe considerarse como un respaldo por parte de Gate a las opiniones expresadas ni como asesoramiento financiero o profesional. Consulte el Descargo de responsabilidad para obtener más detalles.
  • Recompensa
  • 5
  • Compartir
Comentar
0/400
SnapshotStrikervip
· hace1h
¿Está completamente Descentralización?
Ver originalesResponder0
Whale_Whisperervip
· 07-29 00:12
La arquitectura es bastante completa.
Ver originalesResponder0
AirdropHunterKingvip
· 07-28 23:58
Solo falta la información del Airdrop.
Ver originalesResponder0
TokenGuruvip
· 07-28 23:53
Es un buen proyecto, hermano.
Ver originalesResponder0
SilentAlphavip
· 07-28 23:52
Empieza en este momento.
Ver originalesResponder0
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)