Mestre a construir uma plataforma de negociação NFT de Descentralização passo a passo

robot
Geração de resumo em curso

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

Para os NFTs do protocolo ERC-721, a Descentralização das transações é um tema importante. Atualmente, as principais plataformas de negociação de NFTs adotam predominantemente o método de listagem, semelhante a produtos exibidos em prateleiras para os compradores escolherem. Este artigo irá implementar a negociação descentralizada de NFTs através de contratos inteligentes e uma interface simples, apenas para fins de aprendizado.

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

NFT visão geral

NFT é o token não fungível, cada Token é único. Ele segue o protocolo ERC-721, geralmente exibido em carteiras em diferentes formas de imagem, e possui um identificador único. Devido à singularidade do NFT, não pode ser precificado como um token ERC-20 através de curvas de preço, mas sim negociado em um modo de livro de ordens.

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

Modo de Negociação do Livro de Ordens

As transações no livro de ordens são principalmente de dois tipos:

  1. Ordem de Preço: O vendedor define o preço, o comprador pode comprar se achar adequado.
  2. Ordem de Compra: O comprador publica uma ordem de compra, o vendedor pode vender assim que aceitar o preço.

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

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

Funcionalidades principais do DEX NFT

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

  1. Listagem de produtos: o vendedor define o preço e lista o NFT
  2. Compra de produtos: O comprador compra o NFT ao preço definido
  3. Taxa de transação: cobrada uma certa proporção com base no preço de execução

processo de listagem

  1. Front-end: o usuário escolhe o NFT e define o preço
  2. Contrato: o usuário autoriza operações de contrato NFT

O contrato deve manter uma tabela de mapeamento de preços dos produtos listados.

Processo de Compra

  1. Frontend: o usuário seleciona o NFT e clica em comprar
  2. Contrato: Transferir os fundos do comprador para o vendedor, NFT para o comprador

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

Implementação de DEX NFT

1. Criar NFT de teste

Pode usar o Remix para implantar rapidamente contratos NFT do protocolo ERC-721.

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

2. Escrever contratos inteligentes

Principalmente inclui os seguintes métodos:

2.1 Vendedor lista o NFT

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

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

2.2 Comprador compra NFT

  1. Ler dados de listagem de NFT
  2. Calcular e deduzir a taxa de serviço
  3. Transferir NFT para o comprador
  4. Acionar o evento de compra

Série para Novatos em Web3: Criar um DEX de NFT do zero

2.3 Cancelar listagem

Definir o campo isActive do registro listado como falso

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

2.4 Taxa de retirada

Extrair as taxas acumuladas do contrato

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

3. Desenvolvimento Front-end

Uso de ferramentas:

  • Ant Design Web3: Conexão de carteira e exibição de NFT
  • Wagmi: interação com carteira
  • Nextjs + Vercel: implantação

Página principal:

  • Mint: Testar NFT de铸造
  • Comprar: mercado de NFT
  • Portfólio: gerenciar NFTs pessoais

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

3.1 Conexão da carteira

Implementado usando o componente de conexão Ant Design Web3.

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

3.2 Página de Mint

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

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

3.3 Página do Portfólio

Exibir NFT do usuário, suportando operações de listagem e deslistagem. É necessário autorizar o NFT ao contrato antes de listar.

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

3.4 Página de Compra

Exibir todos os NFTs listados, suportar operações de compra. Chame o método purchaseNFT e pague em ETH ao comprar.

Após a conclusão, pode ser implantado na plataforma Vercel.

Através dos passos acima, implementámos uma plataforma de negociação NFT de Descentralização com funcionalidades básicas. Isto estabelece a base para o desenvolvimento de um sistema de negociação NFT mais complexo.

Ver original
This page may contain third-party content, which is provided for information purposes only (not representations/warranties) and should not be considered as an endorsement of its views by Gate, nor as financial or professional advice. See Disclaimer for details.
  • Recompensa
  • 6
  • Partilhar
Comentar
0/400
GasGrillMastervip
· 17h atrás
Não se preocupe, os frens que não sabem escrever código também conseguem entender!
Ver originalResponder0
fomo_fightervip
· 17h atrás
Acelere e aprenda, a próxima bull run depende disso.
Ver originalResponder0
BridgeNomadvip
· 17h atrás
bruh... é melhor adicionar verificações multi-sig ou veremos outro cenário da ponte ronin
Ver originalResponder0
LeekCuttervip
· 18h atrás
Tutorial hardcore! Deve ser guardado.
Ver originalResponder0
MysteryBoxOpenervip
· 18h atrás
Ver os primeiros dois minutos fez-me querer puxar o tapete.
Ver originalResponder0
CryptoTarotReadervip
· 18h atrás
bull啊 亲眼见证下一个os
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)