从零开始构建一个NFT去中心化交易所（DEX）

通过之前的文章，我们已经了解了ERC-20代币可以通过Uniswap这样的去中心化交易所（DEX）进行交易。那么针对ERC-721协议的NFT，如何实现类似的去中心化交易呢？本文将带领读者通过编写智能合约和简单的前端页面，实现一个基础的NFT DEX。

目前主流的NFT交易平台通常采用挂单方式进行交易，类似于超市货架陈列商品的方式——卖家设定价格，买家选择购买。本文将聚焦于这种方式，详细介绍如何从零实现一个支持NFT交易的DEX。

NFT（非同质化代币）简介

NFT是基于ERC-721协议的一种特殊代币，每个NFT都是独一无二的，无法像ERC-20代币一样通过价格曲线设定流动性池。一般来说，NFT在钱包中会以独特的图片展示，并且每一组NFT都会有一个独立的ID用于区分。

由于NFT的独特性，它无法像ERC-20代币那样通过AMM机制进行交易，因此目前主流的解决方案是基于订单簿的交易模式。

订单簿交易模式

订单簿交易模式的核心在于用户手动设置价格，与Uniswap等通过算法计算价格的方式不同。订单簿交易分为两种模式：

1. 定价单：卖家设定商品的出售价格，买家觉得合适即可购买。
2. 求购单：买家根据需求发出求购请求，卖家接受后完成交易。

本文主要介绍第一种定价单的交易方式。

NFT DEX的基础功能

一个基础的NFT DEX应包含以下核心功能：

1. 上架商品：卖家按照指定价格将NFT上架。
2. 购买商品：买家根据价格购买NFT。
3. 手续费收取：DEX根据成交价格按比例收取手续费。

上架商品

上架商品的过程包括：

1. 前端：用户选择自己的NFT并设定价格，点击“上架”按钮。
2. 智能合约：用户授权合约操作其NFT。

上架完成后，合约需要维护一份用户的上架记录。这部分数据可以存储在链下服务中以减轻合约负担，但本文将其保存在合约内部。

购买商品

购买商品的过程如下：

1. 前端：用户选择想要购买的NFT并点击“购买”按钮。
2. 智能合约：调用合约方法，将买家的资金转账给卖家，并将NFT转交给买家。

实现一个NFT DEX

接下来我们将从零开始实现一个NFT DEX，并部署到测试网络中。以下是具体的步骤：

1. 创建一个NFT

为了测试需要，我们可以使用Remix快速部署一个ERC-721协议的NFT。

2. 编写智能合约

我们的智能合约需要实现以下几个功能：

2.1 卖家上架NFT

卖家需指定要售卖的NFT及价格，并授权合约操作该NFT。

2.2 买家购买NFT

买家选择NFT并支付相应代币，合约执行以下步骤：

1. 读取NFT信息。
2. 计算并扣除手续费。
3. 将NFT转交给买家。
4. 触发购买事件。

2.3 取消上架

卖家可取消上架，将商品标记为无效。

2.4 提取手续费

DEX可以在每笔交易中收取手续费，本文将其存储在合约中。

3. DEX前端开发

前端开发需要以下工具：

1. Ant Design Web3：用于钱包连接和NFT展示。
2. Wagmi：与钱包交互。
3. Next.js + Vercel：部署项目。

3.1 连接钱包

使用Ant Design Web3提供的组件连接用户钱包。

3.2 Mint NFT

用户可以通过前端页面Mint测试用的NFT。

3.3 管理NFT

用户可以在Portfolio页面管理自己的NFT，包括上架和下架。

3.4 购买NFT

用户可以在Buy页面浏览并购买已上架的NFT。

至此，一个具备基本功能的NFT DEX前端页面就完成了，可以将其部署到Vercel平台。

本文由ZAN Team（X账号@zan_team）的Yeezo（X账号@GaoYeezo）撰写。