Desenvolvimento de todo o processo de implementação de uma plataforma de negociação NFT descentralizada a partir do zero

Criar uma plataforma de negociação NFT descentralizada do zero

Para ativos NFT que atendem ao protocolo ERC-721, como implementar a negociação descentralizada sempre foi um foco de atenção da indústria. Atualmente, as principais plataformas de negociação de NFT geralmente adotam um modelo de listagem, semelhante a produtos em uma prateleira de supermercado disponíveis para compra. Este artigo desenvolverá um sistema básico de negociação descentralizada de NFT através do desenvolvimento de contratos inteligentes e uma interface front-end simples. É importante notar que este sistema é apenas para referência de aprendizado e não deve ser usado diretamente em ambientes de produção.

Introdução ao NFT

NFT é um token não fungível, que segue o padrão do protocolo ERC-721. Cada NFT é único e geralmente é exibido na carteira na forma de imagens diferentes, possuindo um ID exclusivo para distinção.

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

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

Modo de negociação 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 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: Construindo um DEX de NFT do zero

Funcionalidades principais da plataforma NFT

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

  1. Colocar produtos à venda: os usuários podem listar NFTs a um preço especificado
  2. Comprar produtos: Os usuários podem comprar NFTs ao preço de listagem.
  3. Taxa da plataforma: é cobrada uma certa percentagem sobre o preço de transaçã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 do contrato NFT

É necessário manter uma tabela de mapeamento de preços dos produtos listados dentro do contrato.

Processo de compra

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

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

Desenvolvimento de plataforma NFT

1. Criar NFT de teste

Pode usar o Remix para implantar rapidamente um contrato NFT do protocolo ERC-721 para testes.

Web3 novato série: da zero a implementação de um DEX NFT

2. Escrever contrato de plataforma de negociação

O contrato precisa implementar os seguintes métodos principais:

2.1 Vendedor coloca NFT à venda

  • Verificar a propriedade do NFT
  • Adicionar registo de listagem
  • Disparar evento de listagem

2.2 Comprador compra NFT

  • Ler dados NFT
  • Calcular e deduzir a taxa de serviço
  • Transferir NFT para o comprador
  • Disparar evento de compra

2.3 Cancelar listagem

  • Marcar o registro de listagem como inválido

2.4 Taxa de extração

  • Transferir as taxas acumuladas

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

3. Desenvolvimento da interface front-end

Utilize as seguintes ferramentas:

  • Ant Design Web3: conectar carteira, exibir NFT
  • Wagmi: interagir com a carteira
  • Next.js + Vercel: implementar projeto

Página principal:

  • Mint: criar NFT de teste
  • Comprar: mercado de NFT
  • Portfolio: Gerir NFTs dos utilizadores

3.1 Conectar carteira

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

Série para iniciantes em Web3: construir 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: implementar um DEX NFT do zero

3.3 Página do Portfólio

  • Mostrar todos os NFTs do usuário
  • Suporte para operações de listagem e deslistagem de NFT
  • É necessário autorizar NFT ao contrato antes da listagem

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

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

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

3.4 Página de Compra

  • Mostrar todos os NFTs listados
  • Implementar a funcionalidade de compra de NFT

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

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

Por fim, basta implantar o front-end na Vercel para completar uma plataforma básica de negociação descentralizada de NFT.

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

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
  • 5
  • Partilhar
Comentar
0/400
BearMarketSagevip
· 07-05 02:47
insights valiosos请多更新
Ver originalResponder0
GasFeeCriervip
· 07-04 19:15
Morrendo de rir com o desenvolvimento de contratos
Ver originalResponder0
FlyingLeekvip
· 07-04 08:21
insights valiosos coleção imprescindível
Ver originalResponder0
BearMarketLightningvip
· 07-02 03:39
A tecnologia central é muito prática
Ver originalResponder0
ApeWithAPlanvip
· 07-02 03:20
A interface pode prevenir injeções?
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)