如何铸造非同质化代币（非同质化代币教程系列 2/3）

ERC-721Alchemysolidity智能合约

初学者

苏米-穆德吉尔

2021年4月22日

13 分钟阅读 minute read

Beeple(opens in a new tab)：6900 万美元 3LAU(opens in a new tab)：1100 万美元 Grimes(opens in a new tab)：600 万美元

他们都使用 Alchemy 的强大应用程序接口铸造非同质化代币。在本教程中，我们将教你如何在 < 10 分钟内做到这一点。

“铸造非同质化代币”是在区块链上发布你的 ERC-721 代币的唯一方式。使用我们在非同质化代币教程系列第 1 部分中获得的智能合约，我们可以运用我们的 Web3 技能并铸造非同质化代币。在本教程结束时，你将能够按照你的内心（和钱包）的愿望铸造出更多非同质化代币！

我们开始吧！

第 1 步：安装 Web3

如果你跟随第一个教程创建了你的非同质化代币智能合约，那么你在使用 Ethers.js 方面已经有了经验。 Web3 与 Ethers 相似，也是一个库，用于更轻松地创建对以太坊区块链的请求。在本教程中，我们将使用增强版 Web3 库 Alchemy Web3(opens in a new tab)，它提供自动重试和强大的 WebSocket 支持。

在你的项目主目录中运行：

1npm install @alch/alchemy-web3

第 2 步：创建 `mint-nft.js`文件

在你的脚本目录中，创建一个 mint-nft.js 文件并添加以下代码行：

1require("dotenv").config()
2const API_URL = process.env.API_URL
3const { createAlchemyWeb3 } = require("@alch/alchemy-web3")
4const web3 = createAlchemyWeb3(API_URL)
 复制

第 3 步：获取你的合约应用程序二进制接口

我们的合约 ABI（应用程序二进制接口）是与我们的智能合约交互的接口。你可以在此处(opens in a new tab)了解更多关于合约应用程序二进制接口的信息。安全帽自动为我们生成应用程序二进制接口，并将其保存在 MyNFT.json 文件中。为了使用该接口，我们需要通过在我们的 mint-nft.js 文件中添加以下代码行来解析内容：

1const contract = require("../artifacts/contracts/MyNFT.sol/MyNFT.json")
 复制

如果你想查看应用程序二进制接口，你可以将其发送到你的控制台：

1console.log(JSON.stringify(contract.abi))
 复制

要运行 mint-nft.js 并查看输出到控制台的应用程序二进制接口，请导航至你的终端并运行:

1node scripts/mint-nft.js
 复制

第 4 步：使用 IPFS 系统为你的非同质化代币配置元数据

如果你还记得我们第 1 部分的教程，我们的 mintNFT 智能合约函数使用 tokenURI 参数，该参数应解析为描述非同质化代币元数据的 JSON 文档，正是它生成非同质化代币并赋予非同质化代币可配置的属性，如名称、描述、图像和其他属性。

星际文件系统 (IPFS) 是一个分散协议和对等网络，用于在分布式文件系统中存储和共享数据。

我们将使用 Pinata，一个方便的星际文件系统应用程序接口和工具包，用于存储我们的非同质化代币资产和元数据，以确保我们的非同质化代币真正去中心化。如果你没有 Pinata 帐户，请在此处(opens in a new tab)注册一个免费帐户，并完成电子邮件验证步骤。

创建帐户后：

导航到“文件”页面，点击页面左上方蓝色的“上传”按钮。
将图像上传到 Pinata — 这将是你的非同质化代币的图像资产。你可以随意为该资产命名。
上传之后，你将在“File”页面的表格中看到文件信息。你还会看到 CID 列。你可以通过单击旁边的复制按钮来复制 CID。你可以通过 https://gateway.pinata.cloud/ipfs/<CID> 查看你上传的信息。例如，你可以在此处(opens in a new tab)找到我们在星际文件系统上使用的图片。

为了方便更偏向视觉型的学习者理解，上述步骤总结如下：

现在，我们要再上传一份文件到 Pinata。但在我们上传之前，需要先创建该文件！

在你的根目录中，创建一个名为 nft-metadata.json 的新文件，并添加以下 json 代码：

1{
2  "attributes": [
3    {
4      "trait_type": "Breed",
5      "value": "Maltipoo"
6    },
7    {
8      "trait_type": "Eye color",
9      "value": "Mocha"
10    }
11  ],
12  "description": "The world's most adorable and sensitive pup.",
13  "image": "ipfs://QmWmvTJmJU3pozR9ZHFmQC2DNDwi2XJtf3QGyYiiagFSWb",
14  "name": "Ramses"
15}
显示全部
 复制

可随意更改 json 中的数据。你可以删除或添加到属性部分。最重要的是，确保图像字段指向你的星际文件系统图像的位置——否则，你的非同质化代币将包含一张（非常可爱！）的狗狗照片。

编辑完 JSON 文件后，保存并上传到 Pinata，步骤与上传图像相同。

第 5 步：创建你的合约实例

现在，为了与我们的合约进行交互，我们需要在代码中创建一个实例。为此，我们需要合约地址，可以从部署或 Etherscan(opens in a new tab) 中通过查找用来部署合约的地址获得。

在上面的示例中，我们的合约地址是 0x5a738a5c5fe46a1fd5ee7dd7e38f722e2aef7778。

接下来我们将使用 Web3 的合约方法(opens in a new tab)，创建使用应用程序二进制接口和地址的合约。在你的 mint-nft.js 文件中，添加以下内容:

1const contractAddress = "0x5a738a5c5fe46a1fd5ee7dd7e38f722e2aef7778"
2
3const nftContract = new web3.eth.Contract(contract.abi, contractAddress)
 复制

第 6 步：更新 `.env`文件

现在，为了创建并发送交互到以太坊链，我们将使用你的以太坊公共帐户地址来获得帐户随机数（解释如下）。

将你的公钥添加到你的 .env 文件中 — 如果你完成了教程第 1 部分，我们的 .env 文件现在应该如下所示：

1API_URL = "https://eth-sepolia.g.alchemy.com/v2/your-api-key"
2PRIVATE_KEY = "your-private-account-address"
3PUBLIC_KEY = "your-public-account-address"
 复制

第 7 步：创建你的交易

首先，让我们定义一个名为 mintNFT(tokenData) 的函数并通过执行以下操作创建我们的交易：

获取 PRIVATE_KEY 和 PUBLIC_KEY，来源为 .env 文件。
接下来，我们需要弄清楚帐户的随机数。随机数规范用于跟踪从你的地址发送的交易数量——我们这样做是出于安全目的，以防止重放攻击(opens in a new tab)。要获得从你的地址发送的交易数量，我们要用到 getTransactionCount(opens in a new tab)。
最后，我们将使用以下信息设置我们的交易：

'from': PUBLIC_KEY——我们的交易源于我们的公共地址
'to': contractAddress——我们希望与之交互并发送交易的合约
'nonce': nonce — 帐户随机数和从我们的地址发送的交易数量
'gas': estimatedGas——预估完成交易所需的燃料
'data': nftContract.methods.mintNFT(PUBLIC_KEY, md).encodeABI()——我们希望在这笔交易中进行的计算——铸造一个非同质化代币

你的 mint-nft.js 文件现在应该如下所示：

1   require('dotenv').config();
2   const API_URL = process.env.API_URL;
3   const PUBLIC_KEY = process.env.PUBLIC_KEY;
4   const PRIVATE_KEY = process.env.PRIVATE_KEY;
5
6   const { createAlchemyWeb3 } = require("@alch/alchemy-web3");
7   const web3 = createAlchemyWeb3(API_URL);
8
9   const contract = require("../artifacts/contracts/MyNFT.sol/MyNFT.json");
10   const contractAddress = "0x5a738a5c5fe46a1fd5ee7dd7e38f722e2aef7778";
11   const nftContract = new web3.eth.Contract(contract.abi, contractAddress);
12
13   async function mintNFT(tokenURI) {
14     const nonce = await web3.eth.getTransactionCount(PUBLIC_KEY, 'latest'); //get latest nonce
15
16   //the transaction
17     const tx = {
18       'from': PUBLIC_KEY,
19       'to': contractAddress,
20       'nonce': nonce,
21       'gas': 500000,
22       'data': nftContract.methods.mintNFT(PUBLIC_KEY, tokenURI).encodeABI()
23     };
24   }
显示全部
 复制

第 8 步：签署交易

现在我们已经创建了我们的交易，我们需要签署它，以便将其发送出去。在这里我们将使用到我们的私钥。

web3.eth.sendSignedTransaction 会给我们提供交易的哈希值，我们可以用它来确保我们的交易被开采出来，没有被网络丢弃。你会注意到在交易签署部分，我们已经增加了一些错误检查，以便我们知晓交易是否成功通过。

1require("dotenv").config()
2const API_URL = process.env.API_URL
3const PUBLIC_KEY = process.env.PUBLIC_KEY
4const PRIVATE_KEY = process.env.PRIVATE_KEY
5
6const { createAlchemyWeb3 } = require("@alch/alchemy-web3")
7const web3 = createAlchemyWeb3(API_URL)
8
9const contract = require("../artifacts/contracts/MyNFT.sol/MyNFT.json")
10const contractAddress = "0x5a738a5c5fe46a1fd5ee7dd7e38f722e2aef7778"
11const nftContract = new web3.eth.Contract(contract.abi, contractAddress)
12
13async function mintNFT(tokenURI) {
14  const nonce = await web3.eth.getTransactionCount(PUBLIC_KEY, "latest") //get latest nonce
15
16  //the transaction
17  const tx = {
18    from: PUBLIC_KEY,
19    to: contractAddress,
20    nonce: nonce,
21    gas: 500000,
22    data: nftContract.methods.mintNFT(PUBLIC_KEY, tokenURI).encodeABI(),
23  }
24
25  const signPromise = web3.eth.accounts.signTransaction(tx, PRIVATE_KEY)
26  signPromise
27    .then((signedTx) => {
28      web3.eth.sendSignedTransaction(
29        signedTx.rawTransaction,
30        function (err, hash) {
31          if (!err) {
32            console.log(
33              "The hash of your transaction is: ",
34              hash,
35              "\nCheck Alchemy's Mempool to view the status of your transaction!"
36            )
37          } else {
38            console.log(
39              "Something went wrong when submitting your transaction:",
40              err
41            )
42          }
43        }
44      )
45    })
46    .catch((err) => {
47      console.log(" Promise failed:", err)
48    })
49}
显示全部
 复制

第 9 步：调用 `mintNFT` 并运行节点 `mint-nft.js`

还记得你上传到 Pinata 的 metadata.json 吗？从 Pinata 获取其哈希代码，并将以下内容作为参数传送给函数 mintNFT https://gateway.pinata.cloud/ipfs/<metadata-hash-code>

如何获取哈希代码：

How to get your nft metadata hashcode on Pinata

仔细检查你复制的哈希代码是否链接到你的 metadata.json，方法是将 https://gateway.pinata.cloud/ipfs/<metadata-hash-code> 加载到独立窗口。页面看起来应该类似于下面的截图：

Your page should display the json metadata

总之，你的代码应该看起来像这样：

1require("dotenv").config()
2const API_URL = process.env.API_URL
3const PUBLIC_KEY = process.env.PUBLIC_KEY
4const PRIVATE_KEY = process.env.PRIVATE_KEY
5
6const { createAlchemyWeb3 } = require("@alch/alchemy-web3")
7const web3 = createAlchemyWeb3(API_URL)
8
9const contract = require("../artifacts/contracts/MyNFT.sol/MyNFT.json")
10const contractAddress = "0x5a738a5c5fe46a1fd5ee7dd7e38f722e2aef7778"
11const nftContract = new web3.eth.Contract(contract.abi, contractAddress)
12
13async function mintNFT(tokenURI) {
14  const nonce = await web3.eth.getTransactionCount(PUBLIC_KEY, "latest") //get latest nonce
15
16  //the transaction
17  const tx = {
18    from: PUBLIC_KEY,
19    to: contractAddress,
20    nonce: nonce,
21    gas: 500000,
22    data: nftContract.methods.mintNFT(PUBLIC_KEY, tokenURI).encodeABI(),
23  }
24
25  const signPromise = web3.eth.accounts.signTransaction(tx, PRIVATE_KEY)
26  signPromise
27    .then((signedTx) => {
28      web3.eth.sendSignedTransaction(
29        signedTx.rawTransaction,
30        function (err, hash) {
31          if (!err) {
32            console.log(
33              "The hash of your transaction is: ",
34              hash,
35              "\nCheck Alchemy's Mempool to view the status of your transaction!"
36            )
37          } else {
38            console.log(
39              "Something went wrong when submitting your transaction:",
40              err
41            )
42          }
43        }
44      )
45    })
46    .catch((err) => {
47      console.log("Promise failed:", err)
48    })
49}
50
51mintNFT("ipfs://QmYueiuRNmL4MiA2GwtVMm6ZagknXnSpQnB3z2gWbz36hP")
显示全部
 复制

现在，运行 node scripts/mint-nft.js 来部署你的非同质化代币。几秒钟后，你应该在终端中看到这样的响应：

1你的交易哈希值为：0x301791fdf492001fcd9d5e5b12f3aa1bbbea9a88ed24993a8ab2cdae2d06e1e8
2
3检查 Alchem 的内存池以查看你的交易状态！

接下来，访问你的 Alchemy 内存池(opens in a new tab)，查看你的交易状态（待定、已开采还是被网络放弃）。如果你的交易被丢弃，还可以访问 Goerli Etherscan(opens in a new tab) 并搜索你的交易哈希值。

View your NFT transaction hash on Etherscan

就是这样！你现在已经在以太坊区块链上部署和铸造了一个非同质化代币

通过使用 mint-nft.js，你可以按需铸造任意数量的非同质化代币！只要确保输入一个新的 tokenURI 来描述非同质化代币的元数据（否则，你将最终生成一堆相同但具有不同 ID 的 tokenURI）。

大概，你会想要展示一下你钱包中的非同质化代币——所以请务必查看第 3 部分：如何在你的钱包中查看你的非同质化代币！

上次修改时间: @pettinarip(opens in a new tab), 2023年11月23日