Used to check for browser translation.
用于检测浏览器翻译。
ブラウザの翻訳を検出する

如何搭建一个完整的 NFT 项目

ArcBlock
2024-07-31 02:43
· edited

概述#

首先,我们需要明确一个完整的 NFT 项目到底需要什么

  • 准备服务器:用于搭建相关服务
  • 站点落地页:用于展示和宣传 NFT
    • 我们提供了 PagesKit 供大家可视化地搭建站点落地页
  • 上链工具:用于将艺术作品部署到区块链上
    • 我们提供了 NFT Maker 供大家快速创建 Collection
  • 铸造工具:用于铸造链上的 NFT 作品
    • 我们提供了 NFT Store 供大家快速显示 NFT ,默认集成在 NFT Maker 内
  • 艺术作品:一款设计精美的艺术作品
    • 艺术作品通常是图片资源,且每份作品有一定的差异化,可以是成品图片,也可以是素材图片
    • 我们提供了 NFT Blender 供大家快速自动化地组合素材图片,产出大量成品图片,默认集成在 NFT Maker 内
    • 我们提供了 DID Spaces 供大家存储艺术作品
  • 推广工具:用于推广 NFT 作品
    • 我们提供了 Tweet Token 供大家使用转发集赞获取空投 NFT
    • 我们提供了 Virtual Gift Card 供大家获取 NFT 后进行礼品卡兑换
    • 我们提供了 DiscussKit 供大家建立 NFT 社区、发布 Blog、编写文档
  • 二级市场:用于 NFT 的二次流转
    • 我们提供了官方的 NFT Marketplace 供大家在二级市场选购心仪的 NFT


显然,发布一个完整的 NFT 项目需要准备的内容非常多,并且在传统的 NFT 项目中,它们都是独立的、SASS 化的,用户需要辗转多个站点才能完成一款 NFT 项目,费时又费力


而现在通过我们的 NFT Studio,只需要动动手指,通过组合 Blocklet,便可以搭建一个完整的 NFT 项目

最终我们将流程简化后获得以下步骤:

  1. 安装 PagesKit
  2. 安装 NFT Maker
  3. 可选 按需安装其它 Blocklet


接下来就让我带着大家按照简化后的流程,一起尝尝鲜吧!!!


搭建过程#

1. 安装 PagesKit#

Blocklet Store 中通过搜索快速安装 PagesKit

image.png

选择需要购买的应用空间

image.png

选择对应的支付方式,通过 DID Wallet 扫码获取 NFT

image.png

使用 DID Wallet 扫码成为应用的 Owner,应用将会进入安装状态

安装完成后,可对 PagesKit 进行简单的配置

首先我们对域名进行配置,填写想要绑定的域名

image.png

前往域名提供商(以 Google Domain 为例)进行 DNS 解析,将自己的域名 CNAME 到提供的 DID Domain,参考链接

image.png

返回页面点击下一步,便会自动添加域名,并且下发 HTTPS 证书

再进行其它简单的配置,便可正常启动 PagesKit,也能通过绑定的域名打开

打开绑定的域名便会正常打开 PagesKit,前往右上角连接钱包(提供 Owner Passport)后,即可进入后台

image.png

同时也可以看到应用空间的仪表盘,对应用空间进行管理

image.png


3. 安装 NFT Maker#

在仪表盘的 Components Tab 页找到 Add Component

image.png

搜索 NFT Maker,并且选择它

image.png

接下来需要配置:路径、环境变量、连接 DID Spaces 空间

可选 如果需要在 ArcBlock Beta 链上进行测试,按照以下红框处进行配置,否则默认为 ArcBlock Main 链

image.png

https://beta.abtnetwork.io/api/

z35nNRvYxBoHitx9yZ5ATS88psfShzPPBLxYD


NFT Maker 要求连接 DID Spaces,让 NFT 进行持久化保存(就算应用不工作了,NFT 能正常展示),点击 Connect

image.png

可选 如果还没有 DID Spaces 空间,可以点击 DID Wallet 进行购买,连接钱包支付完成后,便会发送一张 NFT 到钱包里面

image.png

触发重新 Connect,找到 DID Spaces 的 NFT,操作 DID Wallet 选择想要连接的 DID Spaces 空间

image.png

连接 DID Spaces 成功后便会进行自动安装,最后只需等待片刻,即可完成

image.png


4. 可选 按需安装其它 Blocklet#

安装组合更多的 Blocklet,可以支持更多特性,流程与安装 NFT Maker 一致

大家可以参照概述章节,按需组合


总结#

希望通过本篇文档,大家都可以快速搭建一个完整的 NFT 项目


Sticker