從零開發一個NFT去中心化交易平台

對於遵循ERC-721協議的NFT來說,實現去中心化交易的方式與ERC-20代幣有所不同。目前主流的NFT交易平台多採用掛單模式,類似於超市貨架上陳列商品,買家可以自由選購。

本文將介紹如何通過智能合約和簡單的前端界面,實現一個基礎的NFT去中心化交易平台。需要注意的是,這只是一個學習示例,不適用於實際生產環境。

NFT特性及交易方式

NFT是非同質化代幣的簡稱,每個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合約。當然也可以直接使用現有的NFT合約。

2. 交易平台合約

交易平台合約需要包含以下核心功能:

2.1 賣家上架NFT

流程如下:

1. 用戶選擇NFT
2. 設置價格(可用ETH或穩定幣)
3. 授權NFT給合約
4. 調用上架方法

上架方法需要:

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

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,支持上架和下架操作。

需要調用合約的listNFT和cancelListing方法,並在上架前授權NFT給合約。

3.4 Buy頁面

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

購買時調用purchaseNFT方法,並支付相應的ETH。

至此,一個基礎的NFT去中心化交易平台就開發完成了。我們可以將其部署到Vercel等平台進行測試使用。