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

robot
Generación de resúmenes en curso

Implementar desde cero una plataforma de intercambio NFT Descentralización

Para los NFT que siguen el protocolo ERC-721, la forma de realizar transacciones de Descentralización es diferente a la de los tokens ERC-20. Actualmente, las plataformas de NFT más populares utilizan un método de listado para realizar transacciones, similar a exhibir productos en una estantería para que los compradores los elijan. Este artículo presentará cómo implementar transacciones de NFT Descentralización mediante la escritura de contratos inteligentes y una interfaz de usuario simple. Tenga en cuenta que el contenido de este artículo es solo para referencia de aprendizaje y no es adecuado para entornos de producción reales.

Web3 principiantes serie: implementar un DEX NFT desde cero

Introducción a NFT

NFT (Token no fungible) es un activo digital único que sigue el protocolo ERC-721. Cada NFT tiene su singularidad, generalmente se presenta en la billetera en diferentes formas de imágenes y tiene una identificación única. Debido a la naturaleza especial de los NFT, no se puede establecer un precio como los tokens ERC-20 a través de curvas de precios, por lo que la forma de negociación más común es usando un formato de libro de órdenes.

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

Modo de negociación de libro de órdenes

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

  1. Pedido de precio: el vendedor establece un precio fijo y el comprador lo compra directamente después de aceptarlo.
  2. Orden de compra: el comprador publica la demanda de compra, y el vendedor completa la transacción una vez que la acepta.

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

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

NFT Descentralización plataforma núcleo funciones

Una plataforma básica de NFT de Descentralización debe incluir las siguientes funciones:

  1. Listado de productos: permite a los usuarios establecer precios y listar NFT
  2. Compra de productos: los usuarios pueden comprar NFT al precio establecido.
  3. Comisión de la plataforma: se cobra un porcentaje determinado sobre 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 listar.
  2. Contrato: el usuario autoriza al contrato a operar su NFT.

En el contrato se debe mantener una tabla de mapeo de precios de productos que los usuarios suben. Aunque estos datos pueden almacenarse en un servicio centralizado para aliviar la carga del contrato, este artículo los mantendrá dentro del contrato.

proceso de compra de productos

  1. Frontend: El usuario selecciona el NFT que desea comprar y hace clic en comprar.
  2. Contrato: realizar la operación de transferencia, transfiriendo los fondos del comprador al vendedor, al mismo tiempo que se transfiere el NFT al comprador.

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

Implementar una plataforma de intercambio NFT Descentralización

A continuación, vamos a implementar desde cero una plataforma de intercambio NFT de Descentralización.

1. Crear NFT

Para necesidades de prueba, podemos utilizar Remix para desplegar rápidamente un contrato NFT que cumpla con el protocolo ERC-721. También se puede optar por usar un NFT preconfigurado.

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

2. Redacción de contratos

El contrato debe incluir los siguientes métodos centrales:

2.1 Vendedor sube NFT

Los métodos de listado deben completar las siguientes tareas:

  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 El comprador compra NFT

Para comprar, siga estos pasos:

  1. Leer los datos de NFT desde el registro de listado
  2. Calcular y deducir las tarifas
  3. Transferir el NFT al comprador
  4. Activar evento de compra

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

2.3 Cancelar listado

Para implementar la función de deslistar, se debe establecer el campo isActive en el registro de listado como false.

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

2.4 Retiro de tarifas

La plataforma puede cobrar una tarifa en cada transacción y almacenarla en el contrato o transferirla a la dirección designada.

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

3. Desarrollo Frontend

El desarrollo front-end requiere el uso de las siguientes herramientas:

  1. Ant Design Web3: para la conexión de billeteras y exhibición de NFT
  2. Wagmi: utilizado para interactuar con la cartera
  3. Nextjs + Vercel: para el despliegue del proyecto

La aplicación frontend contiene tres páginas principales: Mint, Buy y Portfolio.

3.1 Conectar billetera

Implementar la función de conexión de billetera utilizando los componentes proporcionados por Ant Design Web3.

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

3.2 Página de Mint

Implementar la función de acuñación de NFT, utilizando el método useWriteContract de wagmi para interactuar con el contrato.

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

3.3 Página de Portfolio

Muestra los NFT que posee el usuario, soporta operaciones de listado y deslistado. Utiliza la API de OpenSea para obtener la lista de NFT del usuario y determina el estado de listado del NFT mediante métodos de contrato.

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

3.4 Página de compra

Muestra todos los NFT que han sido listados y ofrece la función de compra. Al comprar, se llama al método purchaseNFT del contrato y se paga con ETH.

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

Una vez completados los pasos anteriores, se ha establecido una plataforma de intercambio NFT con funciones básicas. Se puede desplegar en la plataforma Vercel para su exhibición y uso.

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
  • 7
  • Republicar
  • Compartir
Comentar
0/400
HashRatePhilosophervip
· 08-13 02:28
Siento que todos están compitiendo en NFT. Me estoy yendo.
Ver originalesResponder0
MaticHoleFillervip
· 08-12 17:52
Cosa para impresionar, ni siquiera es tan bueno como copiar de opensea.
Ver originalesResponder0
ImpermanentLossEnjoyervip
· 08-11 23:17
Pérdida impermanente, dicho de otra manera, es perder moneda sin razón.
Ver originalesResponder0
UnluckyMinervip
· 08-10 13:39
Otro nuevo proyecto ha comenzado, ¡vamos a hacerlo!
Ver originalesResponder0
BearMarketSurvivorvip
· 08-10 13:38
¿Debería jugar con un tokens meme?
Ver originalesResponder0
SchroedingerAirdropvip
· 08-10 13:38
Otra vez la trampa de NFT, ¿quién atrapará la moneda scam?
Ver originalesResponder0
HashRateHermitvip
· 08-10 13:37
¡Mira, los contratos inteligentes son billeteras frías!
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)