Tutorial para construir desde cero una plataforma de intercambio NFT Descentralización

robot
Generación de resúmenes en curso

Crear desde cero una plataforma de intercambio NFT Descentralización

¿Cómo se puede lograr el comercio descentralizado de activos NFT que siguen el protocolo ERC-721? Actualmente, la mayoría de los intercambios de NFT utilizan el método de órdenes, similar a cómo los productos se colocan en los estantes de un supermercado; los compradores pueden adquirirlos si consideran que el precio es adecuado. Este artículo implementará una plataforma básica de comercio descentralizado de NFT mediante la redacción de contratos inteligentes y un frontend simple.

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

NFT es un token no fungible, cada Token es único, generalmente se muestran diferentes imágenes en la billetera y tienen una ID única para diferenciarlos. Debido a esta característica de los NFT, no se pueden valorar a través de una curva de precios como los tokens ERC-20, por lo que el modo de transacción común es el modelo de libro de órdenes.

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

  1. Orden de precio: el vendedor establece el precio de venta, y 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 apropiado.

Este artículo presenta principalmente el método de negociación de órdenes de precio.

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

Funciones básicas de la plataforma de NFT

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

  1. Listar productos: el vendedor coloca el NFT a un precio establecido
  2. Comprar productos: el comprador adquiere a precio NFT
  3. Comisión de la plataforma: se cobra un porcentaje fijo según el precio de la transacción.

proceso de listado

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

Proceso de compra

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

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

Implementar plataforma de NFT

1. Crear NFT de prueba

Se puede crear rápidamente un contrato NFT estándar ERC-721 para pruebas a través de Remix.

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

2. Escribir contratos inteligentes

El contrato incluye los siguientes métodos:

2.1 Vendedor sube NFT

  • Verificar la propiedad del NFT
  • Añadir registro de listado
  • Activar evento de listado

2.2 Comprador compra NFT

  • Leer datos de NFT
  • Calcular y deducir la tarifa
  • Transferir NFT al comprador
  • Disparar el evento de compra

2.3 Cancelar listado

  • Marcar el registro de listado como inválido

2.4 Extracción de tarifas

  • Retirar las tarifas acumuladas a la dirección especificada

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

3. Desarrollo de la interfaz frontal

Utilice las siguientes herramientas:

  • Ant Design Web3: conectar billetera, mostrar NFT
  • Wagmi: interacción con la cartera
  • Nextjs + Vercel: desplegar el proyecto

Página principal:

  • Mint: probar la acuñación de NFT
  • Comprar: mercado de NFT
  • Portfolio: gestión de NFT del usuario

3.1 Conectar billetera

Usar el componente Web3 de Ant Design para implementar la conexión de la cartera.

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 NFT.

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

3.3 Página de Portafolio

  • Mostrar NFT de usuario
  • Soporta operaciones de listado y deslistado
  • Se debe autorizar el NFT al contrato antes de la lista

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

3.4 Página de compra

  • Mostrar NFT ya listados
  • Soporte para operaciones de compra

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

Hasta aquí, se ha completado una plataforma de intercambio NFT descentralizada con funciones básicas. Se puede desplegar en Vercel para realizar pruebas.

Web3 novato serie: implementar un DEX NFT desde cero

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

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

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

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

MINT-0.77%
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
  • Republicar
  • Compartir
Comentar
0/400
SignatureVerifiervip
· hace23h
Estoy muy emocionado por la demostración de funciones.
Ver originalesResponder0
PumpStrategistvip
· 08-06 02:59
El volumen es demasiado bajo.
Ver originalesResponder0
GateUser-26d7f434vip
· 08-06 02:57
Los contratos inteligentes son excelentes
Ver originalesResponder0
EthSandwichHerovip
· 08-06 02:57
Los contratos inteligentes son muy importantes.
Ver originalesResponder0
DaoGovernanceOfficervip
· 08-06 02:55
Modelo empíricamente insuficiente.
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)