Guía completa para construir desde cero una plataforma de intercambio NFT Descentralización.

robot
Generación de resúmenes en curso

Construir desde cero una plataforma de intercambio NFT Descentralización

Para los NFT que siguen el protocolo ERC-721, la forma de implementar la Descentralización en el comercio es diferente a la de los tokens ERC-20. Actualmente, el modelo de comercio NFT más común es similar a la exhibición de productos en estantes de supermercados, donde los compradores pueden seleccionar directamente el NFT que desean.

Este artículo presentará cómo implementar una plataforma básica de intercambio NFT Descentralización a través de contratos inteligentes y una interfaz frontal simple. Es importante tener en cuenta que este es solo un proyecto de demostración con fines de aprendizaje y no es adecuado para su uso directo en un entorno de producción.

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

Características y métodos de transacción de NFT

NFT es un token no fungible, cada Token es único. Normalmente, los NFT mostrarán diferentes imágenes en la cartera y tendrán una identificación única. Debido a esta característica de los NFT, no se puede determinar el precio a través de curvas de precios como los tokens ERC-20. Actualmente, la forma más común de comerciar con NFT es a través de un libro de órdenes.

El modo de comercio en el libro de órdenes se divide principalmente en dos tipos:

  1. Orden de precio: el vendedor establece el precio, y el comprador puede comprar si lo considera adecuado.
  2. Orden de compra: el comprador publica la demanda de compra y el precio, el vendedor puede vender si lo considera adecuado.

Este artículo se centrará en el método de negociación de órdenes de precio.

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

Funciones clave de la plataforma NFT

Una plataforma básica de NFT debería incluir las siguientes funciones clave:

  1. Listar NFT: el vendedor establece el precio y lista el NFT
  2. Comprar NFT: El comprador adquiere el NFT a precio fijo
  3. Cobro de comisiones: Se cobrará un cierto porcentaje de comisión según el precio de la transacción.

proceso de listado de NFT

  1. Frontend: El usuario selecciona el NFT y establece el precio
  2. Contrato: el usuario autoriza la operación del contrato sobre los permisos NFT
  3. Contrato: registrar información de listado

Proceso de compra de NFT

  1. Frontend: el usuario selecciona el NFT que desea comprar
  2. Contrato: Transferir NFT al comprador, transferir a la plataforma al vendedor

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

Implementar una plataforma de NFT

A continuación, comenzaremos desde cero a implementar una sencilla plataforma de NFT.

1. Crear NFT de prueba

Podemos usar Remix para desplegar rápidamente un contrato NFT que siga el protocolo ERC-721, para pruebas.

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

2. Escribir contratos inteligentes

El contrato necesita implementar los siguientes métodos principales:

2.1 Vendedor lista NFT

Flujo:

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

2.2 El comprador adquiere NFT

Proceso:

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

2.3 Cancelar listado

Solo marca el registro de listado como inválido.

2.4 Extracción de tarifas

Transferir las tarifas acumuladas.

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

3. Desarrollo de la interfaz frontend

Utilizaremos las siguientes herramientas:

  • Ant Design Web3: conectar cartera, mostrar NFT
  • Wagmi: interacción con la cartera
  • Next.js + Vercel: despliegue de proyecto

El front-end necesita implementar tres páginas principales:

  • Mint: crear NFT de prueba
  • Comprar: mercado de NFT
  • Portfolio: gestionar los NFT del usuario

3.1 Conectar billetera

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

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

3.2 Página de Mint

Utilizado para crear NFTs de prueba, llamando al método mint del contrato.

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

3.3 Página de Portafolio

Muestra los NFT que posee el usuario, soporta operaciones de listado y deslistado.

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

3.4 Página de compra

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

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

A través de los pasos anteriores, hemos logrado crear una plataforma de intercambio de NFT de Descentralización básica. Aunque las funciones son bastante simples, ya incluye la lógica central del intercambio de NFT. Sobre esta base, se puede seguir perfeccionando y optimizando para satisfacer las necesidades de más escenarios de aplicación reales.

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

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

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

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

MINT2.01%
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
  • 8
  • Compartir
Comentar
0/400
HashBanditvip
· Hace20m
heh otro tutorial de mercado de nft... como si necesitáramos más tiendas de jpeg que consumen gas rn
Ver originalesResponder0
TokenTaxonomistvip
· hace6h
estadísticamente, el 89.7% de estas "guías" omiten vectores de seguridad cruciales...
Ver originalesResponder0
GasGuruvip
· hace6h
Parece muy popular, pero es demasiado complicado.
Ver originalesResponder0
SleepTradervip
· hace6h
¿Hay un error? Vamos a ver.
Ver originalesResponder0
SatoshiLegendvip
· hace6h
El código del protocolo es el camino / Análisis en profundidad del código fuente
Ver originalesResponder0
GovernancePretendervip
· hace7h
Lo que dices lo entiendo, lo más difícil es montarlo.
Ver originalesResponder0
ChainSherlockGirlvip
· hace7h
Mira quién quiere crear otro intercambio NFT para tomar a la gente por tonta~ Me ha llamado la atención cómo se manejan las tarifas.
Ver originalesResponder0
GasFeeNightmarevip
· hace7h
Es un poco confuso, el gas ya no es bajo y aún así hacen esto.
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)