Desarrollo de una plataforma de intercambio NFT desde cero

Para los NFT del protocolo ERC-721, implementar la Descentralización en el comercio es un tema importante. Actualmente, muchas plataformas de comercio de NFT utilizan un modelo de pedidos, similar a la exhibición de productos en las estanterías de un supermercado. Este artículo demostrará cómo construir un sistema básico de comercio de NFT Descentralizado a través de contratos inteligentes y una interfaz de frontend simple.

Características y modelos de transacción de NFT

NFT es un token no fungible, cada token es único. Debido a esta característica, los NFT no pueden ser valorados a través de curvas de precios como los tokens ERC-20, sino que se negocian en forma de libro de órdenes.

Las transacciones en el libro de órdenes tienen principalmente dos modos:

1. Orden de precios: el vendedor establece el precio, el comprador compra directamente
2. Orden de compra: el comprador publica una orden de compra, el vendedor elige vender.

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

Funciones centrales de la plataforma NFT

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

1. Productos en la plataforma: el vendedor fija el precio y sube el NFT
2. Comprar productos: el comprador adquiere NFT al precio establecido.
3. Comisiones: la plataforma cobra un porcentaje de comisión de transacción.

proceso de listado

1. El usuario elige el NFT y establece el precio
2. Usuario autoriza operación de contrato NFT
3. Información de listado de contratos

Proceso de compra

1. El usuario selecciona y compra NFT
2. Transferencia de propiedad del NFT
3. Pagar al vendedor, deducir la tarifa de transacción

Desarrollo de contratos inteligentes

El contrato incluye principalmente los siguientes métodos:

1. Listar NFT

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

2. Comprar NFT

   • Leer información de precios de NFT
   • Calcular y deducir la tarifa de servicio
   • Transferir la propiedad del NFT
   • Disparar evento de compra

3. Cancelar la lista

   • Establecer el estado de listado como inválido

4. Retiro de tarifas

   • Retirar las tarifas acumuladas

Desarrollo Frontend

El frontend utiliza las siguientes herramientas:

• Ant Design Web3: conexión de billetera y exhibición de NFT
• Wagmi: interacción con la cartera
• Next.js + Vercel: desarrollo y despliegue de aplicaciones

Funciones principales de la página:

1. Mint: Alquilar NFT de prueba
2. Comprar: mercado de NFT
3. Portfolio: gestión de usuario NFT

conexión de billetera

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

gestión de NFT

La página del Portafolio muestra los NFT del usuario y admite operaciones de listado y deslistado. Al listar, es necesario autorizar el NFT al contrato.

NFT交易

La página de compra muestra todos los NFT en la plataforma, y los usuarios pueden comprarlos directamente. Al comprar, se llama al método purchaseNFT del contrato y se paga el ETH correspondiente.

A través de los pasos anteriores, hemos logrado crear una plataforma de intercambio NFT descentralizada básica. Aunque las funciones aún son bastante simples, ya incluye el proceso de intercambio central, lo que puede servir como base para sistemas más complejos.