非小号appWeb3新手系列：从零实现一个NFTDEX

　　本文将通过编写智能合约和一个简单的前端页面，实现 NFT 的去中心化交易。对于 ERC-721 协议的 NFT，主流交易所采用挂单方式进行交易，本文介绍如何实现基于定价单的去中心化交易。NFT DEX 基础功能包括：上架商品、购买商品、收取手续费。上架时用户授权合约操作 NFT，合约维护上架商品价格数据。购买时合约完成资金和 NFT 转移，并收取手续费。卖家可取消上架，手续费存入合约。实现步骤：创建测试用 NFT，使用 Remix 部署 ERC-721 合约。编写合约，包含上架、购买、取消上架、提取手续费等方法。开发前端，使用 Ant Design Web3 连接钱包，Wagmi 交互合约，Nextjs + Vercel 部署。前端包含 Mint、Buy、Portfolio 三个页面，支持 Mint NFT、购买 NFT、管理上架和下架操作。前端通过调用合约方法实现 NFT 授权、上架、购买和取消上架，使用 OpenSea API 获取 NFT 列表，支付使用 ETH 或稳定币。本文由 ZAN Team（X 账号@zan_team） 的 Yeezo（X 账号@GaoYeezo75065）撰写。