Desenvolvimento de uma plataforma de negociação NFT Descentralização do zero: contratos inteligentes e implementação de frontend

robot
Geração do resumo em andamento

Desenvolvimento de uma plataforma de negociação NFT Descentralização a partir do zero

Para os NFTs do protocolo ERC-721, realizar transações em Descentralização é um tema importante. Atualmente, as principais plataformas de negociação de NFTs utilizam o modelo de ordens, semelhante à exibição de produtos nas prateleiras de um supermercado. Este artigo irá demonstrar, através de contratos inteligentes e uma interface front-end simples, como construir um sistema básico de negociação de NFTs em Descentralização.

Série para iniciantes em Web3: criar um DEX de NFT do zero

Características e modos de transação do NFT

NFT é um token não fungível, cada Token é único. Devido a essa característica, os NFTs não podem ser precificados como tokens ERC-20 através de curvas de preço, mas sim através de um formato de livro de ordens.

As transações no livro de ordens têm principalmente dois modos:

  1. Ordem de Preço: o vendedor define o preço, o comprador compra diretamente
  2. Ordem de Compra: O comprador publica uma ordem de compra, o vendedor escolhe vender.

Este artigo irá focar no modo de ordem de preços.

Série para iniciantes em Web3: criar um DEX de NFT do zero

Funcionalidades principais da plataforma NFT

Uma plataforma básica de NFT deve incluir as seguintes funcionalidades:

  1. Colocar produtos à venda: o vendedor define o preço para colocar o NFT.
  2. Comprar produtos: o comprador compra o NFT pelo preço fixo
  3. Taxa: a plataforma cobra uma certa porcentagem de taxa de transação

processo de listagem

  1. O usuário seleciona o NFT e define o preço
  2. O usuário autoriza a operação do contrato NFT
  3. Registo de informações de listagem de contrato

processo de compra

  1. O usuário escolhe e compra NFT
  2. Transferência de propriedade do NFT
  3. Pagar ao vendedor, descontar taxa de serviço

Série para iniciantes em Web3: criar um DEX de NFT do zero

Desenvolvimento de contratos inteligentes

O contrato contém principalmente os seguintes métodos:

  1. Disponibilizar NFT

    • Verificação de propriedade de NFT
    • Adicionar registo de listagem
    • Acionar evento de listagem
  2. Comprar NFT

    • Ler informações de preço de NFT
    • Calcular e deduzir a taxa de serviço
    • Transferência de propriedade do NFT
    • Disparar evento de compra
  3. Cancelar listagem

    • Definir o estado de listagem como inválido
  4. Taxa de extração

    • Transferir as taxas acumuladas

Série para novatos em Web3: como implementar um NFT DEX do zero

Desenvolvimento Front-end

A interface utiliza as seguintes ferramentas:

  • Ant Design Web3: conexão de carteira e NFT exibição
  • Wagmi: interação da carteira
  • Next.js + Vercel: desenvolvimento e implantação de aplicações

Funcionalidades principais da página:

  1. Mint:铸造测试用NFT
  2. Comprar: mercado de NFT
  3. Portfolio: Gerir NFT dos utilizadores

conexão de carteira

Usar componentes Ant Design Web3 para implementar a funcionalidade de conexão da carteira.

Série para iniciantes em Web3: como criar um DEX NFT do zero

gestão de NFT

A página do Portfólio exibe os NFTs do usuário, suportando operações de listagem e deslistagem. Ao listar, é necessário autorizar o NFT ao contrato.

Web3 Novato Série: Realizar um NFT DEX do Zero

negociação NFT

A página de compra exibe todos os NFT disponíveis, os usuários podem comprar diretamente. Ao comprar, chama-se o método purchaseNFT do contrato e paga-se o ETH correspondente.

Série para iniciantes em Web3: criar um DEX de NFT do zero

Através dos passos acima, conseguimos implementar uma plataforma básica de negociação descentralizada de NFT. Embora as funcionalidades ainda sejam bastante simples, já incluem o processo central de negociação, podendo servir como base para sistemas mais complexos.

Web3 novato série: implementar um DEX NFT do zero

Série para novatos em Web3: criar um DEX NFT do zero

Série para iniciantes em Web3: Implementando um NFT DEX do zero

Série para iniciantes em Web3: criando um DEX NFT do zero

Série para iniciantes em Web3: criar um DEX NFT do zero

Série para iniciantes em Web3: implementar um DEX de NFT do zero

Ver original
Esta página pode conter conteúdo de terceiros, que é fornecido apenas para fins informativos (não para representações/garantias) e não deve ser considerada como um endosso de suas opiniões pela Gate nem como aconselhamento financeiro ou profissional. Consulte a Isenção de responsabilidade para obter detalhes.
  • Recompensa
  • 6
  • Compartilhar
Comentário
0/400
alpha_leakervip
· 18h atrás
Está tudo bem, só é muito básico.
Ver originalResponder0
ZKProofEnthusiastvip
· 18h atrás
É assim tão simples? Mover tijolos em um canteiro de obras é mais difícil do que isso.
Ver originalResponder0
BearMarketBuyervip
· 18h atrás
Está melhor! Finalmente há um tutorial.
Ver originalResponder0
ForkMongervip
· 18h atrás
pfff... outro tutorial básico de dex. a verdadeira inovação acontece nas explorações
Ver originalResponder0
SchrodingerWalletvip
· 18h atrás
Ah, sim, sim, sim, é mais um tutorial de desenvolvimento.
Ver originalResponder0
DarkPoolWatchervip
· 18h atrás
A sensação é que é uma cópia da opensea
Ver originalResponder0
  • Marcar
Faça trade de criptomoedas em qualquer lugar e a qualquer hora
qrCode
Escaneie o código para baixar o app da Gate
Comunidade
Português (Brasil)
  • 简体中文
  • English
  • Tiếng Việt
  • 繁體中文
  • Español
  • Русский
  • Français (Afrique)
  • Português (Portugal)
  • Bahasa Indonesia
  • 日本語
  • بالعربية
  • Українська
  • Português (Brasil)