從零實現一個 NFT 去中心化交易平台

對於遵循 ERC-721 協議的 NFT，實現去中心化交易的方式與 ERC-20 代幣有所不同。目前主流的 NFT 交易平台採用掛單方式進行交易，類似於將商品陳列在貨架上供買家選擇。本文將介紹如何通過編寫智能合約和簡單的前端界面，實現 NFT 的去中心化交易。請注意，本文內容僅供學習參考，不適用於實際生產環境。

NFT 簡介

NFT（非同質化代幣）是一種遵循 ERC-721 協議的獨特數字資產。每個 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. 添加上架記錄
3. 觸發上架事件

2.2 買家購買 NFT

購買方法執行以下步驟：

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

2.3 取消上架

通過將上架記錄中的 isActive 字段設爲 false 來實現取消上架功能。

2.4 提取手續費

平台可在每筆交易中收取手續費，並存儲在合約中或轉至指定地址。

3. 前端開發

前端開發需要使用以下工具：

1. Ant Design Web3：用於錢包連接和 NFT 展示
2. Wagmi：用於與錢包交互
3. Nextjs + Vercel：用於項目部署

前端應用包含三個主要頁面：Mint、Buy 和 Portfolio。

3.1 連接錢包

使用 Ant Design Web3 提供的組件實現錢包連接功能。

3.2 Mint 頁面

實現 NFT 鑄造功能，使用 wagmi 的 useWriteContract 方法與合約交互。

3.3 Portfolio 頁面

展示用戶擁有的 NFT，支持上架和下架操作。使用 OpenSea API 獲取用戶 NFT 列表，並通過合約方法判斷 NFT 上架狀態。

3.4 Buy 頁面

展示所有已上架的 NFT，並提供購買功能。購買時調用合約的 purchaseNFT 方法，並使用 ETH 支付。

完成以上步驟後，一個具備基本功能的 NFT 去中心化交易平台就建立完成了。可以將其部署到 Vercel 平台上進行展示和使用。