實現一個簡單的NFT去中心化交易平台

對於遵循ERC-721協議的NFT來說,如何實現去中心化交易呢?目前主流的NFT交易平台大多採用掛單方式進行交易,類似於商品陳列在貨架上,買家覺得價格合適就可以購買。本文將通過編寫智能合約和簡單的前端頁面,來實現一個基礎的NFT去中心化交易功能。

NFT(非同質化代幣)簡介

NFT即非同質化代幣,遵循ERC-721協議,每個Token都是獨一無二的。一般NFT在錢包中會展示不同的圖片,並且每組NFT都有唯一的ID進行區分。由於NFT的特性,無法像ERC-20代幣那樣通過價格曲線設定價格,因此常見的交易方式是通過訂單簿形式。

訂單簿交易模式

訂單簿模式下商品價格由人爲設定,區別於自動做市商根據價格曲線計算價格的方式。訂單簿通常有兩種交易模式:

1. 定價單:賣家設定出售價格,買家覺得合適即可購買。
2. 求購單:買家發出求購訂單,賣家覺得價格合適即可出售。

一般來說,求購單價格會低於定價單。本文主要介紹定價單交易方式。

NFT交易平台的基本功能

一個基礎的NFT交易平台應該包含以下功能:

1. 上架商品:將NFT按設定價格上架
2. 購買商品:按NFT定價進行購買
3. 平台手續費:根據成交價按比例收取

上架商品流程

1. 前端:用戶選擇NFT並設定價格,點擊上架
2. 合約:用戶授權合約操作NFT

合約中需維護用戶上架商品價格映射表。

購買商品流程

1. 前端:用戶選擇NFT並點擊購買
2. 合約:將買家資金轉給賣家,NFT轉給買家

實現NFT交易平台

本節將從零開始實現一個簡單的NFT交易平台。

1. 創建測試用NFT

可以使用Remix快速部署一個ERC-721協議的NFT合約用於測試。

2. 編寫智能合約

合約需要包含以下主要方法:

2.1 賣家上架NFT

流程:

1. 用戶選擇NFT
2. 設置價格
3. 授權NFT給合約
4. 調用上架方法

上架方法需要:

1. 校驗NFT所有權
2. 添加上架記錄
3. 觸發上架事件

2.2 買家購買NFT

合約執行步驟:

1. 讀取NFT數據
2. 計算並扣除手續費
3. 轉移NFT給買家
4. 觸發購買事件

2.3 取消上架

將上架記錄的isActive字段設爲false。

2.4 提取手續費

將合約中累積的手續費提取到指定地址。

3. 開發前端界面

使用以下工具:

• Ant Design Web3:連接錢包和展示NFT
• Wagmi:與錢包交互
• Next.js + Vercel:部署項目

前端包含三個頁面:Mint、Buy和Portfolio。

3.1 連接錢包

使用Ant Design Web3的連接組件實現錢包連接。

3.2 Mint頁面

用於鑄造測試NFT,使用wagmi的useWriteContract方法調用合約。

3.3 Portfolio頁面

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

上架流程:

1. 授權NFT給合約
2. 調用listNFT方法

下架:調用cancelListing方法

3.4 Buy頁面

展示所有上架的NFT,支持購買操作。

購買時調用purchaseNFT方法,使用ETH支付。

完成以上步驟後,一個具備基本功能的NFT交易平台就實現了,可以部署到Vercel進行測試使用。