Passo a passo, ensine a construir uma plataforma de negociação descentralizada de NFT.

robot
Geração de resumo em curso

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

Para ativos NFT que seguem o protocolo ERC-721, como implementar a negociação descentralizada? Atualmente, as principais plataformas de negociação de NFT geralmente utilizam um modelo de listagem, semelhante a exibir produtos nas prateleiras de um supermercado, onde os compradores podem adquirir quando acham que o preço está adequado. Este artigo irá descrever como criar uma plataforma básica de negociação descentralizada de NFT por meio da escrita de contratos inteligentes e uma página front-end simples.

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

NFT( Token não fungível ) características

NFT segue o protocolo ERC-721, cada Token é único, geralmente exibido na carteira sob diferentes formas de imagem, e possui um ID único para identificação. Devido à natureza não fungível dos NFTs, não é possível definir preços da mesma forma que os tokens ERC-20 através de curvas de preço, portanto, a forma comum de negociação é através de um livro de ordens.

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

Modo de negociação de livro de ordens

O modo de livro de ordens tem principalmente dois tipos:

  1. Ordem de preço: o vendedor define o preço, o comprador concorda e compra diretamente.
  2. Ordem de compra: o comprador apresenta o preço de compra, o vendedor concorda e procede à venda.

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

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

Funções principais da plataforma de negociação NFT Descentralização

Uma plataforma básica de negociação NFT de Descentralização deve incluir as seguintes funcionalidades:

  1. Listar: Colocar o NFT na plataforma a um preço especificado
  2. Comprar: efetuar a compra de acordo com o preço do NFT
  3. Taxa de serviço: é cobrada uma taxa de serviço de uma certa porcentagem com base no preço de negociação.

processo de listagem

  1. Frontend: o usuário escolhe o NFT e define o preço
  2. Contrato: o usuário autoriza a operação de contratos NFT
  3. Manter o Map de preços dos produtos listados no contrato

Processo de compra

  1. Frontend: o usuário escolhe o NFT que deseja comprar
  2. Contrato: Transferir os fundos do comprador para o vendedor, transferir o NFT para o comprador

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

Implementar uma plataforma de negociação NFT Descentralização

1. Criar NFT de teste

Pode usar o Remix para implantar rapidamente um contrato NFT do protocolo ERC-721, ou pode também usar um NFT existente para testes.

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

2. Escrever contratos inteligentes

O contrato precisa implementar os seguintes métodos principais:

2.1 Vendedor coloca NFT na plataforma

Fluxo:

  1. O usuário escolhe NFT
  2. Definir o preço ( em stablecoins ou ETH )
  3. Autorizar NFT para o contrato
  4. Chamar o método de listagem

Método de listagem necessário:

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

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

2.2 Comprador compra NFT

Passos de execução do contrato:

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

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

2.3 Cancelar listagem

Defina o campo isActive do registro listado como falso.

2.4 Extrair taxa de serviço

Retirar as taxas acumuladas para o endereço especificado.

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

3. Desenvolver a frente da plataforma de negociação

Ferramentas principais utilizadas:

  • Ant Design Web3: Conectar carteira e exibir NFT
  • Wagmi: interagir com a carteira
  • Next.js + Vercel: implantar projeto

A interface contém três páginas principais:

  • Mint: utilizado para a cunhagem de NFT de teste
  • Comprar: NFT plataforma de negociação
  • Portfólio: gestão de NFT do usuário

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

3.1 Conectar carteira

Implementado com o componente de conexão do Ant Design Web3.

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

3.2 Página de Mint

Utilizar o método useWriteContract do wagmi para chamar o método mint do contrato NFT.

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

3.3 Página do Portfólio

Exibir os NFTs que o usuário possui, suportando operações de listagem e deslistagem.

Ao listar, é necessário:

  1. Chamar o método de autorização NFT
  2. Chamar o método listNFT do contrato DEX

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

3.4 Página de Compra

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

Chame o método purchaseNFT do contrato DEX ao comprar e pague o ETH correspondente.

Até aqui, uma plataforma básica de negociação NFT Descentralização foi concluída. Pode ser implantada em plataformas como Vercel para testes e uso.

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

MINT13.76%
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
  • 7
  • Partilhar
Comentar
0/400
ChainBrainvip
· 07-20 07:03
Isso não é uma armadilha opensea?
Ver originalResponder0
NightAirdroppervip
· 07-18 10:16
666 companheiro traz-me um
Ver originalResponder0
MetaverseVagabondvip
· 07-18 00:53
O trabalho é bastante detalhado, muito bom.
Ver originalResponder0
LiquidatedTwicevip
· 07-18 00:52
Aguardo por esta onda de sorte
Ver originalResponder0
AirdropDreamBreakervip
· 07-18 00:49
Análise de código de ensino~
Ver originalResponder0
Ser_APY_2000vip
· 07-18 00:49
Não está mal, só é um pouco difícil.
Ver originalResponder0
HypotheticalLiquidatorvip
· 07-18 00:34
Aviso de risco: mais um fundo de abate de porcos sem dinheiro
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)