Desde 0 hasta 1, el proceso completo para construir una plataforma de intercambio NFT Descentralización.

robot
Generación de resúmenes en curso

Desde cero, construir una plataforma de intercambio NFT Descentralización

¿Cómo se puede lograr la Descentralización en el comercio de NFTs bajo el protocolo ERC-721? Actualmente, la mayoría de los intercambios de NFT utilizan un método de órdenes, similar a colocar productos en las estanterías de un supermercado, donde los compradores pueden comprar directamente si consideran que el precio es adecuado. Este artículo implementará una plataforma básica de comercio de NFT Descentralización mediante la redacción de contratos inteligentes y una sencilla página de frontend.

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

NFT(Token No Fungible)Introducción

NFT es un token no fungible, cada Token es único y sigue el protocolo ERC-721. En general, cada NFT mostrará diferentes imágenes en la cartera y cada grupo de NFT tiene un ID único para diferenciarlos.

Debido a las características de NFT, no se puede establecer un precio a través de una curva de precios como los tokens ERC-20. Por lo tanto, el método de negociación más común actualmente es a través de un libro de órdenes.

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

Modo de negociación en el libro de órdenes

El modo de libro de órdenes, en pocas palabras, es aquel en el que los precios de los productos son establecidos por personas, a diferencia del método que calcula los precios a través de curvas de precios. El libro de órdenes generalmente tiene dos modos de operación:

  1. Orden de precio: el vendedor establece el precio de venta, y el comprador puede comprar directamente si lo considera adecuado.

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

En general, el precio de una orden de compra será inferior al de una orden de precio. Este artículo presenta principalmente el modo de orden de precio.

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

Funciones básicas de la plataforma NFT

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

  1. Listar productos: poner el NFT a la venta según el precio establecido
  2. Comprar productos: realizar la compra según la fijación de precios del NFT
  3. Comisión de la plataforma: se cobrará una comisión proporcional al precio de la transacción.

Proceso de listado de productos

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

Es necesario mantener una tabla de mapeo de precios de productos listados por los usuarios en el contrato. Esta parte de los datos también se puede almacenar en un servicio centralizado para aliviar la carga del contrato, en este artículo se almacenará directamente en el contrato.

Proceso de compra de productos

  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: Implementar un DEX de NFT desde cero

Implementar una plataforma de NFT

1. Crear NFT de prueba

Se puede desplegar rápidamente un contrato NFT del protocolo ERC-721 para pruebas a través de Remix.

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

2. Escribir contratos inteligentes

El contrato debe incluir las siguientes funciones principales:

2.1 Vendedor sube NFT

Flujo:

  1. El usuario selecciona NFT
  2. Establecer el precio ( en USDT, USDC o ETH )
  3. Autorizar NFT al contrato
  4. Llamar al método de listado

El método de listado requiere:

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

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

2.2 Comprador compra NFT

Flujo:

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

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

2.3 Cancelar la lista

Solo tienes que establecer el campo isActive correspondiente al NFT en listings como false.

2.4 Retiro de comisiones

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

Web3新手系列:从零实现一个NFT DEX

3. Desarrollo de la interfaz frontal

Utilice las siguientes herramientas:

  • Ant Design Web3: conectar billetera y mostrar NFT
  • Wagmi: Interactuar con la cartera
  • Next.js + Vercel: despliegue del proyecto

La interfaz incluye tres páginas principales:

  1. Mint: utilizado para acuñar NFT de prueba
  2. Comprar: mercado de NFT, se pueden comprar NFT
  3. Portafolio: gestionar los NFT de los usuarios, soportar la subida y bajada.

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

3.1 Conectar billetera

Implementar con el componente de conexión de Ant Design Web3.

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

3.2 Página de Mint

Utiliza el método useWriteContract de wagmi para llamar al método mint del contrato NFT.

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

3.3 Página de Portafolio

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

Al listar, se llama al método listNFT, y al cancelar, se llama al método cancelListing. Antes de listar, se debe autorizar el NFT al contrato.

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

3.4 Página de Compra

Muestra todos los NFT listados, llama al método purchaseNFT para realizar la compra.

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

Hasta aquí, se ha completado una plataforma básica de intercambio descentralizado de NFT. Se puede desplegar el proyecto en Vercel para realizar pruebas 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
  • 3
  • Compartir
Comentar
0/400
GasSavingMastervip
· 07-22 00:40
Esto sobre las tarifas se explica bastante bien.
Ver originalesResponder0
MetaLord420vip
· 07-22 00:37
Es un tutorial sincero, con perspectivas valiosas.
Ver originalesResponder0
DisillusiionOraclevip
· 07-22 00:36
¡No entiendo, pero quiero comprarlo!
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)