Do zero ao um: construção do processo completo da plataforma de negociação NFT de Descentralização.

robot
Geração de resumo em curso

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

Para NFTs do protocolo ERC-721, como implementar a Descentralização na negociação? Atualmente, as principais plataformas de negociação de NFT utilizam o método de ordem pendente para transações, semelhante a colocar produtos nas prateleiras de um supermercado, onde o comprador pode comprar diretamente se achar o preço adequado. Este artigo irá desenvolver um plataforma básica de negociação descentralizada de NFT através da criação de contratos inteligentes e uma simples página de front-end.

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

NFT(Token Não Fungível)Introdução

NFT é um token não fungível, cada Token é único, seguindo o protocolo ERC-721. Em geral, cada NFT exibirá imagens diferentes na carteira, e cada conjunto de NFTs possui um ID único para distinção.

Devido às características dos NFTs, não é possível definir preços através de curvas de preços como os tokens ERC-20. Assim, a forma de negociação mais comum atualmente é através de um livro de ordens.

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

Modo de Negociação de Livro de Ordens

O modo de livro de ordens, simplificadamente, é aquele em que os preços dos produtos são definidos por pessoas, diferindo do método de cálculo de preços através de curvas de preços. O livro de ordens geralmente tem dois modos de negociação:

  1. Ordem de preço: o vendedor define o preço de venda, e o comprador pode comprar diretamente se achar adequado.

  2. Ordem de compra: O comprador emite uma ordem de compra, o vendedor pode vender se achar que o preço é adequado.

Em geral, o preço das ordens de compra será inferior ao preço das ordens de venda. Este artigo apresenta principalmente o modo de ordens de venda.

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

Funções básicas da plataforma NFT

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

  1. Colocar produtos à venda: Colocar o NFT à venda de acordo com o preço definido.
  2. Comprar produtos: adquirir com base no preço do NFT
  3. Taxa de plataforma: cobrada proporcionalmente ao preço de negociação.

processo de listagem de produtos

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

É necessário manter uma tabela de mapeamento de preços dos produtos listados pelos usuários no contrato. Esta parte dos dados também pode ser armazenada em um serviço centralizado para aliviar a carga do contrato, mas neste artigo será armazenada diretamente no contrato.

Processo de compra de produtos

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

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

Implementar uma plataforma de negociação NFT

1. Criar NFT de teste

Pode rapidamente implantar um contrato NFT do protocolo ERC-721 para testes através do Remix.

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

2. Escrever contratos inteligentes

O contrato deve incluir as seguintes funcionalidades principais:

2.1 Vendedor coloca NFT à venda

Fluxo:

  1. O utilizador escolhe NFT
  2. Definir o preço ( pode ser cotado em USDT, USDC ou ETH )
  3. Autorizar NFT ao contrato
  4. Chamar o método de listagem

Métodos de listagem necessários:

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

Web3 Novato Série: Como criar um DEX NFT a partir do zero

2.2 Comprador compra NFT

Fluxo:

  1. Ler dados de NFT a partir das listagens
  2. Calcular e deduzir a taxa de serviço
  3. Transferir NFT para o comprador
  4. Disparar evento de compra

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

2.3 Cancelar listagem

Defina o campo isActive correspondente ao NFT em listings como false.

2.4 Taxa de retirada

Retire as taxas acumuladas no contrato para o endereço especificado.

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

3. Desenvolvimento da interface frontal

Utilize as seguintes ferramentas:

  • Ant Design Web3: conectar carteira e exibir NFT
  • Wagmi: Interagir com a carteira
  • Next.js + Vercel: implantação do projeto

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

  1. Mint: utilizado para a criação de NFT de teste
  2. Comprar: mercado de negociação NFT, pode comprar NFT
  3. Portfolio: Gerir NFTs dos utilizadores, suportar a listagem e a deslistagem.

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

3.1 Conectar carteira

Implementar usando o componente de conexão do Ant Design Web3.

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

3.2 Página de Mint

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

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

3.3 Página do Portfólio

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

Ao listar, chame o método listNFT, e ao cancelar, chame o método cancelListing. Antes de listar, é necessário autorizar o NFT ao contrato.

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

3.4 Página de Compra

Exibir todos os NFTs listados, chamar o método purchaseNFT para realizar a compra.

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

Até aqui, uma plataforma básica de negociação NFT descentralizada foi concluída. O projeto pode ser implantado no Vercel para testes e uso.

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
  • 3
  • Partilhar
Comentar
0/400
GasSavingMastervip
· 22h atrás
Falar sobre as taxas é bastante bom.
Ver originalResponder0
MetaLord420vip
· 22h atrás
Bom tutorial, insights valiosos.
Ver originalResponder0
DisillusiionOraclevip
· 22h atrás
Eu vou comprar mesmo sem entender!
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)