從零打造NFT去中心化交易所

對於遵循ERC-721協議的NFT來說,實現去中心化交易是一個值得探討的話題。目前主流的NFT交易平台多採用掛單方式進行交易,類似於將商品陳列在貨架上供買家選購。本文將通過編寫智能合約和簡單的前端頁面,展示如何實現NFT的去中心化交易。需要注意的是,本文內容僅供學習參考,並不適用於實際生產環境。

NFT概述

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

訂單簿交易模式

訂單簿模式主要分爲兩種:

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

一般來說,求購單的價格會低於定價單。本文將重點介紹定價單交易方式。

NFT DEX的基本功能

一個基礎的NFT DEX應包含以下功能:

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

上架商品流程

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

購買商品流程

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

NFT DEX實現

1. 創建測試NFT

可以通過Remix快速部署一個ERC-721協議的NFT合約進行測試。

2. 編寫智能合約

主要包含以下方法:

2.1 賣家上架NFT

流程:

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

上架方法需要:

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

2.2 買家購買NFT

合約執行步驟:

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

2.3 取消上架

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

2.4 提取手續費

將收取的手續費存入合約或轉到指定地址。

3. 前端開發

使用的主要工具:

• Ant Design Web3
• Wagmi
• Next.js + Vercel

主要頁面:

• Mint:鑄造測試NFT
• Buy:NFT交易商城
• Portfolio:NFT上下架管理

3.1 連接錢包

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

3.2 Mint頁面

使用wagmi的useWriteContract方法調用合約mint。

3.3 Portfolio頁面

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

3.4 Buy頁面

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

通過以上步驟,一個基礎的NFT DEX就實現了。可以部署到Vercel進行訪問使用。