Web3 系列开发教程——创建你的第一个 NFT创建一个 NFT DApp，给你的 NFT 赋予属性，例如图片

Posted 2022-08-11 前端修罗场

在本文中，你将构建一个 NFT 铸币机，并学习如何通过使用 Metamask 和 Web3 工具将你的智能合约连接到 React 前端，来创建一个NFT dApp。

我认为，对于具备 Web2 开发背景的开发者来说，最大的挑战之一是弄清楚如何将你的智能合约连接到前端项目并与之交互。

通过构建 NFT 铸币机（它一个简单的 UI，你可以在其中输入数字资产的链接、标题和描述），你将在本文中学习如何：

• 通过你的前端项目连接到 Metamask
• 从你的前端调用智能合约方法
• 使用 Metamask 签署交易

在本文中，我们将使用 React 作为我们的前端框架。 因为本文主要关注 Web3 开发，所以我们不会花太多时间分解 React 基础知识。所以，希望你对 React 有基础的了解，例如知道组件、props、useState/useEffect 和基本的函数调用是如何工作的。

事不宜迟，让我们开始吧！

第 0 步：制作 NFT 101

在开始编写代码之前，有必要了解 NFT 的工作原理，它非常重要。 它包括两个步骤：

1. 在以太坊区块链上发布 NFT 智能合约。 通常这是一个 ERC-721 或 ERC-1155 智能合约。

两种 NFT 智能合约标准的最大区别在于 ERC-1155 是多代币标准，包含批量功能，而 E