De 0 a 1: construa a sua plataforma de negociação descentralizada de NFTs

robot
Geração de resumo em curso

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

Os tokens ERC-20 podem ser negociados de forma descentralizada através de algumas DEX, então como os NFTs do protocolo ERC-721 podem realizar negociações descentralizadas? Atualmente, as principais plataformas de negociação de NFTs geralmente utilizam um sistema de ordens, semelhante a produtos sendo colocados nas prateleiras de um supermercado. Este artigo irá apresentar como realizar negociações descentralizadas de NFTs através de contratos inteligentes e uma simples página de front-end.

Série para Novos Usuários do Web3: Criar um DEX de NFT do zero

Mecanismo de negociação de NFT

NFT( tokens não fungíveis ) seguem o protocolo ERC-721, cada Token é único. Devido às suas características, não é possível definir preços através de curvas de preço como no ERC-20. Atualmente, a forma de negociação mais comum é na forma de livro de ordens.

O modo de livro de ordens tem principalmente duas formas:

  1. Ordem de preço: o vendedor define o preço, o comprador pode comprar se achar adequado.
  2. Ordem de compra: o comprador emite uma ordem de compra, e o vendedor pode vender se achar o preço adequado.

Em geral, o preço da ordem de compra será inferior ao da ordem de preço. Este artigo apresenta principalmente o modo de negociação da ordem de preço.

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

Funções principais do DEX NFT

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

  1. Colocar produtos à venda: Colocar NFT à venda ao preço definido
  2. Comprar produtos: comprar ao preço NFT
  3. Cobrança de taxa: cobrada proporcionalmente com base no preço de transação

processo de listagem de produtos

  1. Frontend: O usuário escolhe o NFT e define o preço, clica em listar.
  2. Contrato: o usuário autoriza a operação de contrato NFT

É necessário manter o Map de preços dos produtos listados pelos usuários no contrato.

Processo de compra de produtos

  1. Frontend: o usuário seleciona o NFT, clica em comprar
  2. Contrato: Transferência para o vendedor, transferir NFT para o comprador

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

Implementação do DEX NFT

1. Criar NFT

Pode usar o Remix para implantar rapidamente NFTs do protocolo ERC-721, ou pode usar NFTs existentes diretamente.

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

2. Desenvolvimento de contratos

Principais métodos incluem:

2.1 Vendedor lista NFT

  1. Verificar a propriedade do NFT
  2. Adicionar registo de listagem
  3. Acionar o evento de listagem

Web3 Novato Série: Implementar um NFT DEX do zero

2.2 Comprador compra NFT

  1. Ler dados NFT
  2. Calcule e deduza a taxa de serviço
  3. Transferir NFT para o comprador
  4. Disparar evento de compra

Web3 Novato Série: Implementar um DEX NFT do zero

2.3 Cancelar listagem

Defina o campo isActive do registro de listagem como false

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

2.4 Extrair taxa

Retirar as taxas acumuladas no contrato para o endereço especificado

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

3. Desenvolvimento Front-end

Desenvolvimento utilizando Ant Design Web3, Wagmi, Next.js e outras ferramentas.

Principais incluem três páginas:

  • Mint: utilizado para testar a criação de NFT
  • Comprar: mercado de NFT
  • Portfolio: gestão de NFT do usuário

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

3.1 Conectar carteira

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

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

3.2 Página de Mint

Chamar o método mint do contrato para cunhar NFT de teste.

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

3.3 Página de Portfólio

Exibir NFT do usuário, suportar operações de listagem e deslistagem.

  • Obter lista de NFTs do usuário
  • Determinar o estado de listagem do NFT
  • Chamar métodos de contrato para listar/retirar

Web3 Novato Série: Criar um DEX de NFT do zero

3.4 Página de Compra

Exibir todos os NFTs listados, suportando operações de compra.

  • Mostrar o NFT isAlive
  • Chamar o método purchaseNFT para comprar

Após a conclusão do desenvolvimento front-end, pode ser implantado em plataformas como Vercel.

Através dos passos acima, conseguimos implementar uma plataforma de negociação NFT com funcionalidades básicas de Descentralização.

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

MINT-2.47%
Ver original
Esta página pode conter conteúdos de terceiros, que são fornecidos apenas para fins informativos (sem representações/garantias) e não devem ser considerados como uma aprovação dos seus pontos de vista pela Gate, nem como aconselhamento financeiro ou profissional. Consulte a Declaração de exoneração de responsabilidade para obter mais informações.
  • Recompensa
  • 5
  • Partilhar
Comentar
0/400
SnapshotStrikervip
· 1h atrás
Completamente descentralizado?
Ver originalResponder0
Whale_Whisperervip
· 07-29 00:12
A arquitetura é bastante completa.
Ver originalResponder0
AirdropHunterKingvip
· 07-28 23:58
Só falta a informação do Airdrop.
Ver originalResponder0
TokenGuruvip
· 07-28 23:53
É um bom projeto, irmão.
Ver originalResponder0
SilentAlphavip
· 07-28 23:52
Começar é agora.
Ver originalResponder0
  • Pino
Negocie cripto em qualquer lugar e a qualquer hora
qrCode
Digitalizar para transferir a aplicação Gate
Novidades
Português (Portugal)
  • 简体中文
  • English
  • Tiếng Việt
  • 繁體中文
  • Español
  • Русский
  • Français (Afrique)
  • Português (Portugal)
  • Bahasa Indonesia
  • 日本語
  • بالعربية
  • Українська
  • Português (Brasil)