通过之前的文章,我们已经了解了ERC-20代币可以通过Uniswap这样的去中心化交易所(DEX)进行交易。那么针对ERC-721协议的NFT,如何实现类似的去中心化交易呢?本文将带领读者通过编写智能合约和简单的前端页面,实现一个基础的NFT DEX。Kxf币圈网 - 区块链数字货币实时行情平台
目前主流的NFT交易平台通常采用挂单方式进行交易,类似于超市货架陈列商品的方式——卖家设定价格,买家选择购买。本文将聚焦于这种方式,详细介绍如何从零实现一个支持NFT交易的DEX。Kxf币圈网 - 区块链数字货币实时行情平台
NFT(非同质化代币)简介
NFT是基于ERC-721协议的一种特殊代币,每个NFT都是独一无二的,无法像ERC-20代币一样通过价格曲线设定流动性池。一般来说,NFT在钱包中会以独特的图片展示,并且每一组NFT都会有一个独立的ID用于区分。Kxf币圈网 - 区块链数字货币实时行情平台
Kxf币圈网 - 区块链数字货币实时行情平台
由于NFT的独特性,它无法像ERC-20代币那样通过AMM机制进行交易,因此目前主流的解决方案是基于订单簿的交易模式。Kxf币圈网 - 区块链数字货币实时行情平台
订单簿交易模式
订单簿交易模式的核心在于用户手动设置价格,与Uniswap等通过算法计算价格的方式不同。订单簿交易分为两种模式:Kxf币圈网 - 区块链数字货币实时行情平台
定价单:卖家设定商品的出售价格,买家觉得合适即可购买。 求购单:买家根据需求发出求购请求,卖家接受后完成交易。 本文主要介绍第一种定价单的交易方式。Kxf币圈网 - 区块链数字货币实时行情平台
NFT DEX的基础功能
一个基础的NFT DEX应包含以下核心功能:Kxf币圈网 - 区块链数字货币实时行情平台
上架商品:卖家按照指定价格将NFT上架。 购买商品:买家根据价格购买NFT。 手续费收取:DEX根据成交价格按比例收取手续费。 上架商品
上架商品的过程包括:Kxf币圈网 - 区块链数字货币实时行情平台
前端:用户选择自己的NFT并设定价格,点击“上架”按钮。 智能合约:用户授权合约操作其NFT。 上架完成后,合约需要维护一份用户的上架记录。这部分数据可以存储在链下服务中以减轻合约负担,但本文将其保存在合约内部。Kxf币圈网 - 区块链数字货币实时行情平台
购买商品
购买商品的过程如下:Kxf币圈网 - 区块链数字货币实时行情平台
前端:用户选择想要购买的NFT并点击“购买”按钮。 智能合约:调用合约方法,将买家的资金转账给卖家,并将NFT转交给买家。 实现一个NFT DEX
接下来我们将从零开始实现一个NFT DEX,并部署到测试网络中。以下是具体的步骤:Kxf币圈网 - 区块链数字货币实时行情平台
Kxf币圈网 - 区块链数字货币实时行情平台
1. 创建一个NFT
为了测试需要,我们可以使用Remix快速部署一个ERC-721协议的NFT。Kxf币圈网 - 区块链数字货币实时行情平台
Kxf币圈网 - 区块链数字货币实时行情平台
2. 编写智能合约
我们的智能合约需要实现以下几个功能:Kxf币圈网 - 区块链数字货币实时行情平台
2.1 卖家上架NFTKxf币圈网 - 区块链数字货币实时行情平台
卖家需指定要售卖的NFT及价格,并授权合约操作该NFT。Kxf币圈网 - 区块链数字货币实时行情平台
Kxf币圈网 - 区块链数字货币实时行情平台
2.2 买家购买NFTKxf币圈网 - 区块链数字货币实时行情平台
买家选择NFT并支付相应代币,合约执行以下步骤:Kxf币圈网 - 区块链数字货币实时行情平台
读取NFT信息。 计算并扣除手续费。 将NFT转交给买家。 触发购买事件。 Kxf币圈网 - 区块链数字货币实时行情平台
2.3 取消上架Kxf币圈网 - 区块链数字货币实时行情平台
卖家可取消上架,将商品标记为无效。Kxf币圈网 - 区块链数字货币实时行情平台
Kxf币圈网 - 区块链数字货币实时行情平台
2.4 提取手续费Kxf币圈网 - 区块链数字货币实时行情平台
DEX可以在每笔交易中收取手续费,本文将其存储在合约中。Kxf币圈网 - 区块链数字货币实时行情平台
Kxf币圈网 - 区块链数字货币实时行情平台
3. DEX前端开发
前端开发需要以下工具:Kxf币圈网 - 区块链数字货币实时行情平台
Ant Design Web3:用于钱包连接和NFT展示。 Wagmi:与钱包交互。 Next.js + Vercel:部署项目。 3.1 连接钱包
使用Ant Design Web3提供的组件连接用户钱包。Kxf币圈网 - 区块链数字货币实时行情平台
Kxf币圈网 - 区块链数字货币实时行情平台
3.2 Mint NFT
用户可以通过前端页面Mint测试用的NFT。Kxf币圈网 - 区块链数字货币实时行情平台
Kxf币圈网 - 区块链数字货币实时行情平台
3.3 管理NFT
用户可以在Portfolio页面管理自己的NFT,包括上架和下架。Kxf币圈网 - 区块链数字货币实时行情平台
Kxf币圈网 - 区块链数字货币实时行情平台
3.4 购买NFT
用户可以在Buy页面浏览并购买已上架的NFT。Kxf币圈网 - 区块链数字货币实时行情平台
Kxf币圈网 - 区块链数字货币实时行情平台
至此,一个具备基本功能的NFT DEX前端页面就完成了,可以将其部署到Vercel平台。Kxf币圈网 - 区块链数字货币实时行情平台
本文由ZAN Team(X账号@zan_team)的Yeezo(X账号@GaoYeezo)撰写。Kxf币圈网 - 区块链数字货币实时行情平台