從零打造NFT去中心化交易平台

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

NFT特性及交易方式

NFT是非同質化代幣,每個Token都是獨一無二的,通常在錢包中展示不同圖片,並有唯一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

• 校驗NFT所有權
• 添加上架記錄
• 觸發上架事件

2.2 買家購買NFT

• 讀取NFT數據
• 計算並扣除手續費
• 轉移NFT給買家
• 觸發購買事件

2.3 取消上架

• 將上架記錄標記爲無效

2.4 提取手續費

• 將累積的手續費提取到指定地址

3. 開發前端界面

使用以下工具:

• Ant Design Web3:連接錢包、展示NFT
• Wagmi:與錢包交互
• Nextjs + Vercel:部署項目

主要頁面:

• Mint:鑄造測試NFT
• Buy:NFT交易市場
• Portfolio:管理用戶NFT

3.1 連接錢包

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

3.2 Mint頁面

調用合約mint方法鑄造NFT。

3.3 Portfolio頁面

• 展示用戶NFT
• 支持上架和下架操作
• 上架前需授權NFT給合約

3.4 Buy頁面

• 展示已上架NFT
• 支持購買操作

至此,一個具備基本功能的NFT去中心化交易平台就完成了。可以部署到Vercel進行測試使用。