多么美好的（Web3）时刻！！ — 使用 Polygon、MetaMask 和 Infura 的 DApp

多么美好的（Web3）时刻！！ — 使用 Polygon、MetaMask 和 Infura Web3 核心技术（如区块链、IPFS 和加密钱包）的 DApp 为设计真正的 DApp 提供了必要的组件。我们将在实践中看到构建和运行 DApp 是多么容易。快速回顾一下——顺便问一下，什么是 Web3 DApp？为了简单地理解 DApp 是什么，我将这样解释：“在 Web3 中，DApp 或去中心化应用程序是一种具有构建在去中心化网络上的后端的应用程序，该去中心化后端链接到充当用户界面的前端。在其真实形式中，后端和前端以及非托管用户身份都将真正去中心化。” Web2.0 应用程序。请参阅博客文章 Web3 DApps：这些到底是什么以及它与传统的 Web2.0 应用程序有何不同？ What a Moment：Web3 DApp What a Moment 是一个简单的 Web3 DApp。通过这个DApp，我们可以轻松地使我们生活中的每一个时刻都变得不可变。列出在支持 Web3 的平台中捕获的时刻，如果其他人喜欢并购买您列出的时刻，就有机会赚取收益。将您不变的生活瞬间转移给您的朋友和亲人。让我们看看......Web3 支持的市场列出并探索捕捉到的生活瞬间 这就是我们的 DApp 主页的外观。它拥有用户列出的不可变时刻的集合。多么精彩的 (Web3) 时刻：主页通过提供一些详细信息来创建和列出您的时刻 要列出您的时刻，您必须提供一些详细信息，包括您想要为该时刻指定的名称、您想要作为亮点的其他一些信息、为您的时刻添加标签。在列出时，您可以报出此时此刻的价格，这将给您一个赚钱的机会。精彩 (Web3) 时刻：创建您的时刻 精彩 (Web3) 时刻：创建您的时刻 精彩 (Web3) 时刻：时刻列表 将您的时刻转移给您的朋友和家人 如果您愿意，请将这些不可变的时刻作为无法删除的礼物或记忆转移给您的朋友和家人。精彩的 (Web3) 时刻：转移您的时刻 精彩的 (Web3) 时刻：转移您的时刻 如果其他人喜欢并想要购买您列出的时刻，则有机会赚取收益 如果您为您的精彩时刻报价，并且其他用户喜欢它，那么他们可以从您的列表中购买。要购买片刻，用户必须首先连接，然后使用他们的加密钱包（如 MetaMask）付款，完成后您将在钱包中收到加密付款。多么精彩的 (Web3) 时刻：列出您的时刻并获得赚钱的机会 我如何设计和开发这种 Web3 DApp？相信我，这非常简单，最后你会觉得构建一个 DApp 就像……多么美妙的 (Web3) 时刻：最后你会觉得为了简化事情，我在 GitHub 存储库中创建了一个 DApp 项目。您可以按照上述步骤在本地系统上部署并运行此 DApp。在继续部署和运行步骤之前，让我们快速介绍一下我们用于构建 DApp 的核心技术组件,下载web3-moments的源码_GitHub_帮酷使用区块链、IPFS 和加密钱包 加密钱包 加密货币钱包是存储用于加密货币交易的公钥和私钥的设备、物理介质、程序或服务。除了存储密钥的基本功能之外，加密货币钱包通常还提供加密和签名信息的功能。对于这个项目，我们将使用 MetaMask 作为加密钱包来连接到我们的 DApp。通过 MetaMask，我们将允许我们的 DApp 界面在内部建立连接，以便与我们的智能合约进行交互，该智能合约具有创建、列出、传输我们的不可变时刻等功能。在您的计算机浏览器上安装 MetaMask 作为扩展。请参阅我之前的一篇博客文章，其中涵盖了有关 MetaMask 安装和设置的所有步骤，或者您可以参考 MetaMask 页面链接并按照说明进行操作。适用于 DeFi、Web3 应用程序和 NFT 的终极加密钱包 |用于去中心化存储的 MetaMask IPFS 星际文件系统 (IPFS) 是一种协议、超媒体和文件共享对等网络，用于在分布式文件系统中存储和共享数据。 IPFS 使用内容寻址来唯一标识连接 IPFS 主机的全局命名空间中的每个文件。有很多可用的 IPFS 服务，例如 Infura、Web3.Storage、NFT.storage，它们通过 IPFS 协议提供去中心化存储。由于我们的 DApp 需要一个去中心化的存储机制来存储我们的资产（例如图像），因此我们将使用 IPFS。了解更多信息并探索各种选项以选择最适合您要求的选项总是一件好事。我在这个 DApp 中使用了 Infura。查看有关 Infura 入门的详细信息 查看有关 Web3.Storage 入门的详细信息 查看有关 NFT.storage 入门的详细信息 区块链 区块链是一个分布式账本，其中包含不断增长的记录（块）列表，这些记录（块）列表通过加密哈希安全地链接在一起。每个块包含前一个块的加密哈希、时间戳和交易数据（通常表示为 Merkle 树，其中数据节点由叶子表示）。区块链通常由点对点（P2P）计算机网络管理，用作公共分布式账本，其中节点共同遵守共识算法协议来添加和验证新的交易块。区块链是每个 DApp 的支柱。我使用了 Polygon 区块链，它是公开的、无需许可的，并且由于其高可扩展性，与以太坊相比能够处理大量交易。此外，DApp 需要执行速度更快，因此 Polygon 最适合此类要求。为了让事情变得不那么复杂，对于这个DApp，您可以通过合约地址和ABI（项目文件的一部分）直接与DApp应用程序逻辑进行交互。项目环境配置在项目代码库中，您将找到网络端点配置设置，如下所示。您必须在项目文件夹中创建 .env.local 配置变量，以便为区块链和 IPFS 存储服务提供网络配置。如前所述，对于这个项目，我们将使用 Infura。请参阅 Infura 文档并提供所需的配置。在此配置文件中，“NEXT_PUBLIC_SECRET_SALT”用于在运行应用程序时加密 DApp 数据，在这里随意提供您想要的任何秘密字符串。 https://medium.com/media/af8e0c57e43b2fcfc3fc431cf68f6c0d/href 运行项目 从 GitHub 存储库检出项目，并使用以下命令移动到工作项目目录 git clone https://github.com/hemantjuyal/web3-moments.git cd web3-moments 创建一个名为 .env.local 的新文件，并提供中提到的所有配置参数值上面的项目环境配置部分。运行以下命令。 npm install npm run dev 打开浏览器并使用 http://localhost:3000/ 访问 DApp 转到 -> ‘Make Moment’ 并创建并列出您的一些时刻并使它们不可变。在“探索”页面中，您将找到您的朋友圈列表以及其他用户。查看该部分和页面。这是 DApp 的初步版本，旨在为我们如何为 Web3 互联网构建此类应用程序提供一个视角。在此版本之上可以进行许多升级/增强，例如通过法定货币进行支付处理，因为在某种程度上，加密货币在用户钱包中已有相关加密货币方面带来了复杂性，此外，用户可能不想在其钱包中实际拥有任何加密货币。同样，我们可以添加一些社交元素，以允许用户对列出的回忆进行评论和点赞。太棒了，我们做到了。享受！！！现在，如果有人问你有关构建 DApp 的事情，那么你完全可以说……这很好；-) 多么好的 (Web3) 时刻：这很好 :) 图片来源：Jim Carrey Morgan Freeman、Universal Pictures、Buena Vista International 其他推荐文章 Web3：去中心化互联网构建块。这些究竟是什么？回到过去的元宇宙：Web3 DApps 的视角：这些到底是什么以及它与传统的 Web2.0 应用程序有何不同？多么美好的（Web3）时刻！！ — 使用 Polygon、MetaMask 和 Infura 的 DApp 最初发布在 Medium 上的 Web3 杂志上，人们通过突出显示和回应这个故事来继续对话。