从零搭建NFT去中心化交易平台

对于ERC-721协议的NFT来说,如何实现去中心化交易呢?目前主流的NFT交易所多采用挂单方式进行交易,类似于将商品摆放在超市货架上,买家觉得价格合适就可以直接购买。本文将通过编写智能合约和简单的前端页面,实现一个基础的NFT去中心化交易平台。

NFT(Non-Fungible Token)简介

NFT即非同质化代币,每个Token都是独一无二的,遵循ERC-721协议。一般来说每个NFT在钱包中会显示不同的图片,并且每组NFT都有唯一的ID进行区分。

由于NFT的特性,无法像ERC-20代币那样通过价格曲线设定价格。因此目前比较常见的交易方式是通过订单簿的形式。

订单簿交易模式

订单簿模式简单来说就是由人为设定商品价格,区别于通过价格曲线计算价格的方式。订单簿通常有两种交易模式:

1. 定价单:卖家设定出售价格,买家觉得合适就可以直接购买。

2. 求购单:买家发出求购订单,卖家觉得价格合适就可以出售。

一般来说,求购单的价格会低于定价单。本文主要介绍定价单模式。

NFT交易平台的基本功能

一个基础的NFT交易平台应该包含以下功能:

1. 上架商品:将NFT按照定价进行上架
2. 购买商品:根据NFT的定价进行购买
3. 平台手续费:根据成交价格按比例收取手续费

上架商品流程

1. 前端:用户选择NFT并设定价格,点击上架
2. 合约:用户授权合约操作NFT

合约中需要维护用户上架商品价格的映射表。这部分数据也可以存储在中心化服务中以减轻合约负担,本文中将直接存储在合约中。

购买商品流程

1. 前端:用户选择想购买的NFT,点击购买
2. 合约:将买家资金转给卖家,NFT转给买家

实现NFT交易平台

1. 创建测试用NFT

可以通过Remix快速部署一个ERC-721协议的NFT合约用于测试。

2. 编写智能合约

合约应包含以下主要功能:

2.1 卖家上架NFT

流程:

1. 用户选择NFT
2. 设置价格(可用USDT、USDC或ETH计价)
3. 授权NFT给合约
4. 调用上架方法

上架方法需要:

1. 验证NFT所有权
2. 添加上架记录
3. 触发上架事件

2.2 买家购买NFT

流程:

1. 从listings中读取NFT数据
2. 计算并扣除手续费
3. 转移NFT给买家
4. 触发购买事件

2.3 取消上架

将listings中对应NFT的isActive字段设为false即可。

2.4 提取手续费

将合约中累积的手续费提取到指定地址。

3. 开发前端界面

使用以下工具:

• Ant Design Web3:连接钱包和展示NFT
• Wagmi:与钱包交互
• Next.js + Vercel:部署项目

前端包含三个主要页面:

1. Mint:用于铸造测试NFT
2. Buy:NFT交易市场,可购买NFT
3. Portfolio:管理用户NFT,支持上架和下架

3.1 连接钱包

使用Ant Design Web3的连接组件实现。

3.2 Mint页面

使用wagmi的useWriteContract方法调用NFT合约的mint方法。

3.3 Portfolio页面

展示用户NFT,支持上架和下架操作。

上架时调用listNFT方法,取消时调用cancelListing方法。上架前需授权NFT给合约。

3.4 Buy页面

展示所有上架的NFT,调用purchaseNFT方法进行购买。

至此,一个基础的NFT去中心化交易平台就完成了。可以将项目部署到Vercel上进行测试和使用。