如何开发 NFT 查看器(5 步教程)
作者 Alchemy
NFT 智能合约最突出的特点之一是它们并不包含艺术品、图像或文件本身,而只是指向这些文件及其元数据的链接或 URI。这些代币标识的是链下位置的文件和数据,因此区块链并不负责托管这些内容。
正如我们将在下一节中看到的那样,ERC-1155 是对 ERC-721 的改进,因为它的代码可以同时适用于非同质化代币和半同质化代币(NFT)。
NFT viewer 的要求
- Node >= 16.13.x
- Alchemy
- React.js
- TailwindCSS
- NFT Viewer GitHub repo
NFT viewer 教程
以下是使用 Alchemy 创建 NFT viewer dapp 的步骤。
1. 克隆代码仓库
要克隆 NFT Viewer 代码仓库,打开终端并运行以下命令:
git clone https://github.com/alchemyplatform/Build-Your-NFT-Explorer.git2. 安装 npm
NPM 是 "node package manager" 的缩写。要安装 npm,只需在终端中运行以下命令:
npm install3. 在 Alchemy 上创建 Alchemy 账户
创建一个新的 Alchemy 账户,如果你已经是 Alchemy 开发者,则创建一个新的应用。
拥有应用后,复制你的 API Key。

4. 在 fetNFTs.js 文件中替换你的 API key
接下来,在 src/utils/fetchNFTs.js 中,用你的 Alchemy API Key 更新 const apiKey = "demo";。
然后在终端中运行以下命令:
npm start5. 输入钱包地址
要查看某个钱包地址拥有的 NFT,只需输入该钱包的地址字符串即可。

有关本教程的更多信息,请参阅这个视频!
使用 Alchemy NFT API
Alchemy 的 NFT API 让你能够快速获取区块链上关于 NFT 的所有所需信息,并且可以在 Ethereum、Polygon、Arbitrum、Optimism 以及 Ethereum 测试网上使用。
无需手动扫描、索引和存储数据,你现在只需提交一次请求,即可获取 ERC-721 和 ERC-1155 代币的特定 NFT 信息。这包括获取诸如查找某地址持有的所有 NFT,或获取某个 NFT 代币的元数据/属性等信息。
更多信息请参阅 NFT API 文档。
什么是 NFT(非同质化代币)?
**"NFT" 一词指的是代表现实世界物品的数字资产,例如艺术品、音乐或视频游戏资产。**
尽管 NFT 自 2014 年才出现,但用它来买卖数字艺术品的做法一直在流行。如今 Ethereum 上有多种 NFT 智能合约实现方式,其中两大主要代币标准是 ERC-721 和 ERC-1155。
什么是 ERC-721 代币?
自 2017 年 9 月作为以太坊改进提案(EIP)首次发布以来,ERC721 代币,也就是我们常说的非同质化代币(NFT),使开发者能够在 Ethereum 区块链上将任意数据的所有权代币化。
ERC-721 定义了智能合约在技术上必须实现的最小接口。这个基本接口支持代币所有权、交易和管理。ERC-721 不要求制定与代币相关信息的标准,也不排斥安装超出最低要求的功能。
ERC-721 代币标准极大地拓展了代币的设计空间。由于每个非同质化代币都关联着一个独特的标识,因此它们对各自的所有者来说都是独一无二的。相比之下,遵循 ERC-20 代币标准的代币是同质化的,也就是说它们可以互相替换使用。
Dapper Labs 的首席技术官 Dieter Shirley 将 ERC-721 设计为一份 EIP(以太坊改进提案)草案,该草案最终成为游戏 CryptoKitties 的基础。其他 ERC-721 的作者还包括 William Entriken、Jacob Evans 和 Nastassia Sachs。
什么是 ERC-1155?
ERC-1155 代币标准用于半同质化代币,由 Enjin 的一支开发团队创建,旨在解决 ERC20 和 ERC721 代币的局限性。
此前,ERC-20 下的每种同质化货币或 ERC-721 下的每种非同质化货币都需要单独的合约。此外,旧标准通过将每个合约划分到独立地址来限制某些功能。结果导致 Ethereum 区块链上散落着大量无用的字节码。
结语
尽管 NFT 仍处于起步阶段,但它们已经为艺术家带来了非凡的好处,例如数字所有权、新的收入来源以及增强的社区参与度。
要继续了解 NFT 应用,可以探索以下相关教程:
相关概览

构建区块链应用
Alchemy 将最强大的 Web3 开发者产品和工具与资源、社区及专业支持结合在一起。


