GitHub 上提供 Web3 WP NFT 实验和铸造应用程序

GitHub 上提供 Web3 WP NFT 实验和铸造应用程序

Wapuu NFT 实验的所有代码现已在 GitHub 上提供。我们的第一个实验包括四个不同的网络应用程序，它们协同工作来铸造我们的生成式 NFT Wapuu 收藏品。我们致力于将所有代码向社区开放，以供持续学习和开发。跟随、下载、复制、分享并尝试编写您自己的智能合约。

实验 #1 应用程序

当您访问我们的 GitHub 存储库时，您将找到设置项目所需的所有组件。这些应用程序包括：

在这篇文章中，我们将概述每个应用程序。我们希望它们为希望创建自己的 NFT 项目的新用户提供基础。

智能合约

NFT 的核心是智能合约。我们在演练视频中广泛介绍了 Wapuu NFT 智能合约。智能合约是存储在区块链上的程序，当满足合约条件时运行。它们自动执行协议，以便参与者可以确定结果。如果您曾经签订过合同协议，那么很容易从这项技术中发现巨大的好处，例如：

消除对中介的需要

所有权验证

不可伪造的公共记录

满足条件时的速度和效率

这样的例子还在继续

我们使用标准 ERC1155 构建了 Wapuu NFT 智能合约。对于开发，我们使用 Hardhat 来处理编译、运行本地节点、自动化测试以及部署到本地、Rinkeby 测试网或主网。

该配置可在hardhat.config.js 文件中找到。要在您的项目中使用该文件，请将 example.env 重命名为 .env 并使用所需的配置变量填充它。配置文件中描述了本地测试的选项。

可用命令与 GitHub 上的源代码一起列出，用于测试、编译、部署和运行程序。

如果您有疑问，请加入我们的 Discord 社区。我们一直在寻找新的应用程序，并且很想看看您正在构建什么。

前端 Web 应用程序

前端网络应用程序允许我们的用户从我们的网站铸造 Wapuus。该网站是使用 Next.js + Tailwind CSS 构建的。它可以部署到 Next.js 托管（例如 Vercel/Netlify），或者像我们一样可以导出为静态 HTML 并部署在任何主机或 CDN（例如 Cloudflare Pages）上，以实现无限的可扩展性。

配置位于 next.config.js 文件中。您的 config.json 文件需要包含智能合约地址和 ABI（JSON 中的接口规范）。 web3.js 库使用它通过用户的钱包与智能合约进行交互。

元数据应用程序

前端 Minting Web 应用程序

正如我们的智能合约概述视频中提到的，NFT 智能合约不会保存每个代币的元数据，因为这会非常昂贵。相反，它们揭示了 tokenURI() 或 URI() 方法，该方法返回 URL，您可以在其中找到特定 NFT tokenId 的元数据。您可以将此元数据保存到 IPFS 区块链中，但这使得在铸造过程中某人可以预览所有尚未铸造的 NFT，并消除了机会。为了解决这个问题，我们使用了一个简单的node.js API，并将无服务器框架部署到AWS Lambda，以实现无限的可扩展性。

OpenSea 元数据标准：https://docs.opensea.io/docs/metadata-standards

所有 API 代码都位于 /api/ 目录中。输入该目录，然后运行 ​​npm install 以安装所有依赖项。为了避免在所有 Wapuus 铸造之前泄露秘密信息，我们仅包含示例配置/元数据文件。您将需要重命名和编辑：

Wapuu 元数据（这是由我们的 Wapuu 生成脚本生成的）： api/all-traits.sample.json 到 api/all-traits.json

开发/生产阶段的配置（与 config.json 和 Infura API URL 相同的数据）： api/config-dev.sample.jsonto api/config-dev.json

用于分发 POAP 的地址白名单： api/og-collectors.sample.json 到 api/og-collectors.json

API 端点的主要代码位于 api/handler.js 中，主要的无服务器配置位于 serverless.yml 中。

图像/特征生成器应用程序

最后，我们构建了一个程序化生成器，可以根据一百多个不同特征（如头发、帽子、配饰、服装、持有物品和颜色）的随机集创建完全独特的瓦普人角色。特征的稀有程度各不相同，有些非常常见，有些可能只在少数幸运的瓦普人身上才能找到。所有这些特征均创建为透明 PNG 图层，Python 脚本组合这些图层以创建最终的 Wapuus 及其 JSON 元数据。这些都可以在 image_generator/ 目录中找到。

该存储库仅包含每层的一些样本特征作为 image_generator/trait-layers 目录中的起点。 1-of-1 特别版 Wapuus 放置在 image_generator/completes/ 目录中，其特殊元数据在 image_generator/metadata/special-wapuus.json 中定义。

GitHub 上提供了用于生成艺术作品、部署到 IPFS 和刷新元数据的脚本。

当练习新的编码语言时，我们发现使用实例非常有帮助。因此，我们在 GitHub 上提供了构建您自己的生成艺术 NFT 项目所需的一切。每个部分都包含用于设置项目的命令和脚本的列表。

Web3 WP 正在开发新项目，我们将继续分享我们的代码和发现。如果您有疑问或使用我们的示例创建项目，我们希望听到相关信息。请在评论中告诉我们，或者在 Web3 WP Discord 服务器上给我们留言。