Web3新手系列:从零实现一个NFT DEX

Odaily星球日报Publicado em 2025-05-20Última atualização em 2025-05-20

Resumo

本文将通过编写智能合约和一个简单的前端页面,实现 NFT 的去中心化交易。

看过前面几篇文章的用户应该知道,对于 ERC-20 协议的代币,我们可以通过以 Uniswap 为代表的 DEX 进行交易,做到去中心化。那么对于 ERC-721 协议,也就是 NFT 来说,如何做到去中心化交易呢。

目前主流的一些 NFT 交易所,采用的是挂单的方式进行交易,就像是把一件件商品列到超市的货架上一样,购买者觉得价格合适,就可以把商品带回家。

本文将通过编写智能合约和一个简单的前端页面,实现 NFT 的去中心化交易。注意本文只供学习使用,并不能真实用在生产环境。

NFT(Non-Fungible Token)

NFT 也就是非同质化代币,即每一个 Token 都是非同质的,不一样的,它遵循 ERC-721 协议。一般来说每一个 NFT 在钱包里面会展示不一样的图片,并且每一组 NFT 都会有一个独一无二的 ID 来区分。

Web3新手系列:从零实现一个NFT DEX

由于 NFT 的特性,它没有办法和 ERC-20 一样通过价格曲线来设定价格——因为每一个 Token 都是不一样的。所以目前比较常见的交易方式是通过订单簿的形式。

订单簿交易

订单簿模式简单来说就是商品的价格是人为设定的,有别于 Uniswap 这种通过价格曲线计算价格的方式。订单簿一般来说会分为两种交易模式,一种是定价单,即卖家设定一个自己心里的出售价格,如果有买家觉得价格合适,就可以由买家进行购买。另一种是求购单,即买家根据自己的需求,发出一笔求购订单,当卖家觉得价格合适时,就可以由卖家进行出售。

一般来说,求购单的价格会低于定价单的价格。本文只介绍第一种定价方式。

NFT DEX 的功能

一个 NFT DEX 的基础功能应该包含以下基本的功能:

  1. 上架商品:将一个 NFT 按照定价进行上架

  2. 购买商品:根据 NFT 的定价进行购买

  3. DEX 手续费:根据成交的价格按比例收取手续费

上架商品

上架商品需要做以下几件事情:

  1. 前端:用户选择自己的 NFT,并且设定一个价格,点击上架。

  2. 合约:用户需要给合约设置权限,可以操控用户的 NFT。

这样商品就算上架完了。在合约中,需要维护一份用户的上架商品价格 Map,这部分数据一般来说是可以做到中心化的服务中,以减少合约的负担,但是在本文中这部分 Map 数据会维护在合约里面。

购买商品

购买商品的时候会发生一下几件事情:

  1. 前端:用户选择一个想要购买的 NFT,点击购买。

  2. 合约:调用合约,将用户的钱转到 NFT 的卖方,并将 NFT 转到买方。

实现一个 NFT DEX

在本章节,我们将会从零开始实现一个 NFT 的 DEX,这是笔者已经部署好的 DEX 地址 nft-dex-frontend.vercel.app。

Web3新手系列:从零实现一个NFT DEX

1. 创建一个 NFT

为了测试需要,我们最好是能够有一个自己的 NFT。我们可以通过 Remix 快速搭建一个 ERC-721 协议的 NFT,它提供了对应的模板。

Web3新手系列:从零实现一个NFT DEX

我们按照模板可以方便地部署一个 NFT。当然你也可以跳过这一个步骤,直接使用我们准备好的 NFT。

2. 合约编写

我们的合约方法应该包含一下几个方法:

2.1. 卖家上架 NFT

卖家需要指定要售卖的 NFT 以及对应的价格。在上架时,用户需要签署 NFT 的授权方法,让我们的智能合约有权限操作这个 NFT,这样当有买家购买之后,这笔交易可以自动成交。

所以流程应该是这样的: 1. 用户选择自己的 NFT;2. 设置价格,这里的计价可以是稳定币 USDT、USDC,也可以是 ETH;3. 授权 NFT 给到合约。

之后就可以调用合约的上架方法了,该方法需要做以下几件事情:

  1. 对 NFT 的所有权进行校验

  2. 添加上架记录

  3. 触发上架的事件

Web3新手系列:从零实现一个NFT DEX

2.2. 买家购买 NFT

买家在购买 NFT 的时候,用户只需要选择自己想要的 NFT,并支付相应的代币即可。合约层面会执行以下几个步骤: 1. 从「 listings 」中读取到对应的 NFT 数据;2. 根据 NFT 的价格,计算手续费,并从成交价中扣除这部分;3. 转移 NFT 到买家手中;4. 触发购买的事件

Web3新手系列:从零实现一个NFT DEX

2.3. 取消上架

当然,卖家可能会觉得价格不合适,会选择取消上架。可以看到我们在保存上架信息的地方,保留了一个 isActive 的字段,用于表明该商品是否有效,因此在取消上架的时候,我们只需要将这个字段设置为 false 即可。

Web3新手系列:从零实现一个NFT DEX

2.4. 提取手续费

DEX 可以在每一笔的交易中收取手续费,这个手续费即可以存到合约里,也可以转存到另一个你自己的地址中去,本文采取存到合约里的方式。

Web3新手系列:从零实现一个NFT DEX

到此为止,我们的合约基本功能就算完整了。

3. DEX 前端开发

在开始之前,我们需要准备一些工具,包含如下几个工具:

  1. Ant Design Web3:用于钱包的连接以及 NFT 卡片的展示。

  2. Wagmi:用于和钱包进行交互。

  3. Nextjs + Vercel:部署我们的项目。

我们的前端应用应该包含三个页面,Mint、Buy 以及 Portfolio,Mint 是为了让用户能够 Mint 我们的 NFT,仅仅用于演示,Buy 的话是我们的 DEX 商城,用户可以在里面购买我们的 NFT,Portfolio 里面用户可以对 NFT 进行上架和下架操作。

3.1. 连接钱包

连接用户的钱包,使用 Ant Design Web3 实现

连接用户的钱包的过程非常简单,使用 Ant Design Web3 提供的连接组件即可。

首先我们在项目的外层包一个 Provider, 这样在后续的代码里面我们就能用到 Ant Design Web3 的能力。另外由于我们需要连接 sepolia 测试链,为了速度考虑,建议使用一些节点服务来提高数据查询的速度,我这里使用的是 ZAN 的 endpoint,它非常适合在亚太环境下使用,速度快并且价格非常划算,支持的链也很丰富。

Web3新手系列:从零实现一个NFT DEX

之后在需要连接钱包的地方放置一个连接按钮:

Web3新手系列:从零实现一个NFT DEX这样就算是搞定了,非常的简单。

3.2. Mint

Mint 一个 NFT,获得测试代币可以前往 https://zan.top/faucet/ethereum

在 Mint 页面我们可以 Mint 测试用的 NFT。Mint 是一个写合约的操作,这里我们要用到 wagmi 里面的 useWriteContract 方法。我们需要指定好合约地址、合约的 ABI 以及合约参数即可。

Web3新手系列:从零实现一个NFT DEX

之后在钱包里面进行确认就可以 Mint 成功了。

3.3. Portfolio

管理用户的 NFT

在这里需要展示用户所有的 NFT。我们可以使用一些 NFT API 来获取,这里使用 opensea 的 API,因为支持 sepolia 测试链的 NFT API 并不多。

在获取到用户的 NFT 列表之后,需要判断是否已经是上架了的,未上架的支持上架,已上架的支持下架。判断的方式是通过 DEX 合约里面「 getSellerListings 」方法里面获取用户已经上架的 NFT,然后根据这些 NFT 的「 isAlive 」字段来判断是否正在上架。

Web3新手系列:从零实现一个NFT DEX

上架的时候需要调用「 listNFT 」合约方法,在取消的时候需要调用「 cancelListing 」方法。在上架之前,需要额外调用 NFT 的授权方法,将 NFT 授权给合约,这样在后续交易成交之后,这个 NFT 就可以自动转给买方。

Web3新手系列:从零实现一个NFT DEX

3.4. Buy

在 Buy 里面可以购买 NFT

首先我们需要对已经上架的 NFT 进行展示。类似于 Portfolio 里面的展示用户已有的 NFT,这里不同点在于一个是全局的,不再是某个用户,另一个是只需要展示 isAlive 的 NFT。

购买的时候使用「 purchaseNFT 」方法,在调用这个方法的时候,需要用 ETH 来支付售价。

Web3新手系列:从零实现一个NFT DEX

这里的这个「 value 」就是买家需要支付的 ETH。

这样一个包含所有基础能力的 DEX 前端页面就完成了,我们可以将其部署在 vercel 中。

本文由 ZAN Team(X 账号 @zan_team) 的 Yeezo(X 账号 @GaoYeezo 75065 )撰写。

Criptomoedas em alta

Leituras Relacionadas

Trading

Spot

Artigos em Destaque

Como comprar NFT

Bem-vindo à HTX.com!Tornámos a compra de APENFT (NFT) simples e conveniente.Segue o nosso guia passo a passo para iniciar a tua jornada no mundo das criptos.Passo 1: cria a tua conta HTXUtiliza o teu e-mail ou número de telefone para te inscreveres numa conta gratuita na HTX.Desfruta de um processo de inscrição sem complicações e desbloqueia todas as funcionalidades.Obter a minha contaPasso 2: vai para Comprar Cripto e escolhe o teu método de pagamentoCartão de crédito/débito: usa o teu visa ou mastercard para comprar APENFT (NFT) instantaneamente.Saldo: usa os fundos da tua conta HTX para transacionar sem problemas.Terceiros: adicionamos métodos de pagamento populares, como Google Pay e Apple Pay, para aumentar a conveniência.P2P: transaciona diretamente com outros utilizadores na HTX.Mercado de balcão (OTC): oferecemos serviços personalizados e taxas de câmbio competitivas para os traders.Passo 3: armazena teu APENFT (NFT)Depois de comprar o teu APENFT (NFT), armazena-o na tua conta HTX.Alternativamente, podes enviá-lo para outro lugar através de transferência blockchain ou usá-lo para transacionar outras criptomoedas.Passo 4: transaciona APENFT (NFT)Transaciona facilmente APENFT (NFT) no mercado à vista da HTX.Acede simplesmente à tua conta, seleciona o teu par de trading, executa as tuas transações e monitoriza em tempo real.Oferecemos uma experiência de fácil utilização tanto para principiantes como para traders experientes.

501 Visualizações TotaisPublicado em {updateTime}Atualizado em 2025.03.21

Como comprar NFT

O que é AINFT

EternaFi Agents e $AINFT: Uma Análise Abrangente da Infraestrutura NFT Potenciada por IA no Ecossistema Web3 A interseção entre inteligência artificial (IA) e tecnologia blockchain está a evoluir rapidamente, estabelecendo plataformas inovadoras que redefinem modelos de propriedade e participação económica. EternaFi Agents, juntamente com o seu token nativo $AINFT, exemplifica uma abordagem inovadora à tokenização de infraestruturas de IA através de tokens não fungíveis (NFTs). Lançado em julho de 2025 pela equipa de desenvolvimento do Nova Club, EternaFi funde os avanços da IA com os mecanismos financeiros descentralizados da blockchain, apresentando uma oportunidade de investimento única para os participantes dentro do ecossistema web3. Este artigo tem como objetivo fornecer uma avaliação aprofundada dos EternaFi Agents, cobrindo os seus componentes principais, funcionalidade e importância dentro do panorama cripto. Introdução e Visão Geral do Projeto EternaFi Agents destaca-se como um exemplo saliente de como a tecnologia blockchain pode democratizar o acesso a capacidades avançadas de IA. O projeto esforça-se por remodelar o paradigma da propriedade da IA, diversificando a participação económica e tornando sistemas de IA sofisticados acessíveis a um maior número de partes interessadas. No seu núcleo, o projeto tokeniza um modelo de linguagem grande (LLM) proprietário desenvolvido pelo Nova Club, permitindo que os detentores de NFTs obtenham uma exposição fracionada ao desempenho económico do modelo. Ao utilizar NFTs que representam participações no LLM, EternaFi Agents promove um modelo em que as partes interessadas não apenas participam no consumo de serviços de IA, mas também desfrutam de uma parte das recompensas económicas geradas pela plataforma. Esta abordagem transformadora permite o desenvolvimento de modelos de receita sustentáveis para serviços de IA, ao mesmo tempo que promove um amplo envolvimento da comunidade e facilita uma governança transparente. O que são os EternaFi Agents? EternaFi Agents representa um projeto de infraestrutura AI-NFT que visa misturar as capacidades da IA com a tecnologia blockchain num ecossistema coerente. A característica essencial deste projeto é a criação de NFTs que servem como instrumentos financeiros, representando frações de propriedade na infraestrutura de IA proprietária do Nova Club. Cada NFT simboliza uma exposição direta ao desempenho económico do sistema de IA subjacente, proporcionando uma oportunidade lucrativa para os investidores. O projeto opera na blockchain Base, conhecida pela sua escalabilidade e eficiência, garantindo assim custos de transação geríveis enquanto facilita uma experiência operacional sem interrupções. Uma das características notáveis inclui um mecanismo de partilha de receitas, onde os detentores de NFTs podem receber porções da receita de subscrição gerada pelos serviços de IA fornecidos na plataforma. Esta abordagem inovadora estabelece uma ligação entre o sucesso dos serviços de IA e os dividendos económicos distribuídos entre os detentores, garantindo assim um alinhamento de interesses em toda a comunidade. Quem é o Criador dos EternaFi Agents? A força criativa por trás dos EternaFi Agents é o Nova Club, uma equipa de desenvolvimento com sede em Singapura, proficiente na amalgamação de IA e tecnologia blockchain. A sua experiência anterior em desenvolvimento de IA e análise de criptomoedas confere credibilidade ao projeto, contribuindo com uma vasta experiência para a criação dos EternaFi Agents. A missão do Nova Club centra-se na democratização do acesso a tecnologias de IA de ponta, enquanto constrói modelos económicos sustentáveis que beneficiam os utilizadores e os desenvolvedores. O seu compromisso com a transparência, governança comunitária e inovação reflete-se no design e implementação da plataforma EternaFi, visando estabelecer um ecossistema único que promove um envolvimento positivo e a criação de valor a longo prazo. Quem são os Investidores dos EternaFi Agents? Os detalhes específicos sobre investidores ou organizações de investimento que apoiam os EternaFi Agents não estão disponíveis publicamente. No entanto, a EternaFi adotou uma abordagem inclusiva para financiar o seu desenvolvimento através da venda de NFTs ao público, permitindo uma ampla gama de participantes para investir no ecossistema. A arquitetura do projeto assegura que a infraestrutura central seja financiada de forma responsável, permitindo que os membros da comunidade participem na propriedade e nos retornos económicos gerados pelos serviços de IA. Este modelo enfatiza o envolvimento da comunidade ao alinhar os interesses dos investidores e dos desenvolvedores do projeto, criando um ambiente colaborativo onde a participação a longo prazo é incentivada. Como Funcionam os EternaFi Agents? EternaFi Agents opera através de um ecossistema multifacetado onde os NFTs servem como um meio primário de representação de propriedade dentro do projeto. Cada detentor de NFT tem direito a uma parte da receita mensal de subscrição produzida pela plataforma alimentada por IA subjacente, posicionando a propriedade de NFTs como um veículo de investimento lucrativo. Mecanismo de Geração de Receitas A principal fonte de geração de receitas para a plataforma EternaFi provém das taxas de subscrição relacionadas com os serviços de IA fornecidos. Os utilizadores podem aceder a vários serviços em camadas, que vão desde ferramentas básicas de análise de mercado até soluções de trading assistidas por IA abrangentes. Estes serviços são monetizados e formam a base para o quadro de partilha de receitas, que distribui lucros aos detentores de NFTs através de contratos inteligentes automatizados. Uma característica inovadora do ecossistema EternaFi é o mecanismo de partilha de receitas que opera de forma transparente, garantindo que as recompensas sejam alocadas com base em métricas verificáveis das operações da plataforma de IA. Isto cria uma ligação direta entre o desempenho dos serviços de IA e os retornos disponíveis para os investidores da comunidade, estabelecendo um modelo económico sustentável. Mecanismos de Staking e Vesting Os participantes dentro da EternaFi podem envolver-se em staking dos seus NFTs para desbloquear benefícios económicos adicionais. O cronograma de vesting é projetado para promover o compromisso a longo prazo entre os participantes, recompensando aqueles que demonstram apoio contínuo ao projeto. Isto assegura um robusto alinhamento de interesses e promove um sentido de envolvimento comunitário essencial para alcançar os objetivos a longo prazo do projeto. Governança Transparente EternaFi Agents abraça a governança descentralizada, permitindo que os detentores de NFTs desempenhem um papel ativo na tomada de decisões sobre o desenvolvimento da plataforma e direções futuras. A estrutura de governança inclui mecanismos de votação comunitária, proporcionando aos detentores de NFTs a oportunidade de influenciar decisões significativas e contribuindo para uma abordagem colaborativa ao crescimento do projeto. Cronograma dos EternaFi Agents A trajetória de desenvolvimento dos EternaFi Agents demonstra uma abordagem sistemática para construir uma infraestrutura de IA sustentável enquanto atende às necessidades dos participantes da comunidade. Abaixo está um cronograma de marcos importantes na história do projeto: Julho de 2025: Lançamento dos EternaFi Agents, incluindo a venda pública de NFTs e a implementação do token $AINFT na blockchain Base. Q4 2025: Estabelecimento da infraestrutura de mercado, incluindo pools de liquidez e lançamento de painéis de staking para detentores de NFTs. 2026: Início de programas de envolvimento comunitário, expansão das capacidades de IA e integração com tecnologias cross-chain. Q4 2026: Implementação do sistema de distribuição de dividendos, permitindo que os detentores de NFTs colham benefícios económicos dos seus investimentos. Estes marcos significam o foco em estabelecer um ecossistema funcional e participativo enquanto asseguram uma evolução contínua para atender às demandas do mercado. Infraestrutura Tecnológica e Integração Blockchain EternaFi Agents está ancorado numa estrutura tecnológica avançada que combina sistemas de IA com capacidades de blockchain. Operando na blockchain Base, o projeto aproveita as vantagens da escalabilidade e baixos custos de transação. A arquitetura subjacente de contratos inteligentes governa a propriedade dos NFTs, a partilha de receitas e as características de gestão comunitária, garantindo eficiência e transparência. Desenvolvimento do Sistema de IA O modelo de linguagem grande proprietário que sustenta os EternaFi Agents foi desenvolvido de forma independente e projetado para atender a aplicações geradoras de receita sem depender de estruturas externas proprietárias. Este esforço reflete um compromisso em criar uma infraestrutura de IA versátil e adaptável capaz de fornecer serviços significativos aos utilizadores, gerando assim valor económico para os investidores. Medidas de Segurança A robustez da infraestrutura de segurança da EternaFi é primordial. Auditorias regulares e medidas de segurança rigorosas garantem a integridade dos sistemas de IA e dos mecanismos de blockchain, protegendo contra potenciais vulnerabilidades enquanto fomentam a confiança entre os participantes. Conclusão EternaFi Agents significa uma inovação marcante no domínio da inteligência artificial e da tecnologia blockchain, abrindo avenidas para a propriedade comunitária e participação económica em capacidades avançadas de IA. A estratégia abrangente do projeto para tokenizar a infraestrutura de IA através de NFTs estabelece um precedente para futuros ecossistemas descentralizados. Ao harmonizar sofisticação técnica com modelos económicos centrados no utilizador, a EternaFi não apenas promove o envolvimento, mas também gera um quadro de partilha de receitas sustentável para os participantes da comunidade. A importância da EternaFi vai muito além do seu sucesso operacional, pois exemplifica como a blockchain pode democratizar tecnologias de IA de ponta, abrindo caminho para futuras iniciativas neste espaço interseccional. A evolução dos EternaFi Agents pode anunciar uma nova era de desenvolvimento de IA caracterizada por governança orientada pelos participantes, modelos económicos sustentáveis e verificação transparente, contribuindo, em última análise, para a democratização mais ampla da IA e da acessibilidade tecnológica em diversas indústrias.

778 Visualizações TotaisPublicado em {updateTime}Atualizado em 2025.08.14

O que é AINFT

Discussões

Bem-vindo à Comunidade HTX. Aqui, pode manter-se informado sobre os mais recentes desenvolvimentos da plataforma e obter acesso a análises profissionais de mercado. As opiniões dos utilizadores sobre o preço de NFT (NFT) são apresentadas abaixo.

活动图片