paint-brush
从零到 Web3 英雄:从头开始构建多链 Dapp经过@etherspot
31,202 讀數
31,202 讀數

从零到 Web3 英雄:从头开始构建多链 Dapp

经过 Etherspot7m2023/03/30
Read on Terminal Reader

太長; 讀書

Etherspot 的 TransactionKit 是一种创新的开发工具,可以让没有区块链经验的前端开发人员轻松构建多链 dApp。凭借其易用性、多链支持、gas 优化和智能合约交互,TransactionKit 提供了一系列功能,使区块链开发更易于访问且更具成本效益。 使用这个库,开发人员可以在创建功能强大的多链 dApp 的同时节省时间和资源。无论您是经验丰富的开发人员还是区块链领域的新手,TransactionKit 都是您构建跨多个区块链网络的 dApp 的可访问且直观的方式。
featured image - 从零到 Web3 英雄:从头开始构建多链 Dapp
Etherspot HackerNoon profile picture


区块链技术彻底改变了我们的交易和数据管理方法。然而,区块链开发的复杂性使得非区块链开发者很难创建去中心化应用程序( dApps )。因此,人们越来越需要能够简化开发过程并让不熟悉区块链的人更容易访问的工具。


这就是为什么今天我们很高兴为这个问题引入一个突出的解决方案——TransactionKit


它是什么?

交易工具包是世界上第一个用于快速直接的 Web3 开发的 React 库,由以太点.它旨在帮助不熟悉区块链技术和服务的开发人员快速轻松地将区块链功能集成到他们的 Web 应用程序中。


它是多链自托管智能合约钱包的一站式解决方案。


谁可以使用它?


任何没有深厚区块链知识的 dApp 开发人员或前端开发人员。


它通过将复杂的区块链操作和指令隐藏在 React 组件后面来抽象它们,同时利用 Etherspot 提供的反事实智能合约钱包和多链中继器基础设施的使用。


使用 TransactionKit,开发人员可以:


  • 简单地创建和执行交易;
  • 与智能合约交互;
  • 转移代币;
  • 批准代币转移;
  • 提供无缝的 Web3 用户体验;
  • 在不深入了解底层区块链技术的情况下管理数字资产;
  • 设计自由 - TransactionKit 不会将 UI 强加给开发人员;
  • 创建设计为多链的 dApp(支持 14 个以上的区块链)。


此外,我们将讨论 TransactionKit 的工作原理、它的好处,以及它如何用于简化 Web3 开发。


无论您是经验丰富的密码编码员还是试图将区块链技术纳入您的应用程序的新手区块链开发人员,Etherpsot 的库都能提供一些东西。因此,让我们深入探索使用 TransactionKit 进行多链 dApp 开发的世界。


为什么选择 Etherspot 的 TransactionKit?

Web3 开发是一个复杂且具有挑战性的领域,需要开发人员了解区块链技术、密码学和去中心化系统。与 Web3 开发相关的高门槛和复杂性使得开发人员很难创建能够吸引更广泛用户群的应用程序。


因此,这种复杂程度无助于大规模采用,而这对于行业的增长和发展是必要的。


TransactionKit 的目标是帮助开发人员吸引下一个 100 万用户。

你得到的好处

TransactionKit 是解决这个问题的最好方法。它提供了较低的进入门槛,使开发人员能够快速开始构建 Web3 应用程序。该库易于理解,具有普遍可理解的命名,简化了开发过程并使其易于使用。 TransactionKit 也不需要您注册各种 Web3 服务,只需插入(放入钱包)即可使用。


TransactionKit 的设计理念之一是拥抱 Web2 世界,使习惯使用传统前端库的开发人员能够轻松过渡到 Web3 开发。


该库非常容易安装和使用 - npm i @etherspot/transaction-kit 。它结构良好,并记录了各种 CodeSandbox 的准备就绪。甚至图书馆的错误信息也很有帮助,并会尝试为您指明正确的方向。开发人员不必担心技术的复杂性,而是可以专注于构建功能强大的应用程序。

使用 TransactionKit 制作的 dApp 的特点

TransactionKit 提供了一系列功能,使其成为简化多链 dApp 开发的强大工具。它的一些主要功能包括:

将 Etherspot 的全部功能注入任何 React 应用程序


任何 React 开发人员都可以将 Etherspot 的 TransactionKit 组件合并到他们的代码中,以访问许多现成的功能。


其中一些组件包括:

<EtherspotUI />

该组件可以将 Etherspot 的完整功能无缝集成到任何 React 应用程序中。它需要一个 Web3 提供商(即你的钱包)、一个链 ID(我们支持 14+ 区块链)和任何子 Ul 组件。


本质上,由于这个组件,您可以整合 Etherspot 的功能,这意味着您可以访问范围广泛的区块链相关功能。

<EtherspotBatches />

TransactionKit 允许开发人员将多个事务批量处理为一个事务。这减少了执行一组操作所需的活动数量。因此,您可以更快、更高效地执行交易。


所有这些都可以通过<EtherspotBatches />组件来实现。可以跳过它或给它一个 ID,具体取决于您的要求。该组件还返回其中所有批次的交易估算数据。


使用<EtherspotBatches />组件是一种在发送多个交易时节省 gas 费用的有用方法。通过将交易分组,您可以优化您的 gas 使用并降低成本。

<EtherspotTransaction />

<EtherspotTransaction />是 Etherspot 库的重要组成部分,它支持以太坊交易规范。此标签需要指定目标区块链地址和要发送的值。此外,它可以接受智能合约交互的数据值,并允许包含任何必要的 UI 组件以进行定制。


使用<EtherspotTransaction />组件是在以太坊区块链上发起交易的无缝方式。此外,它通过允许使用任何 UI 组件来增强定制的灵活性,使其更加用户友好。

<EtherspotTokenTransferTransaction />

<EtherspotTokenTransferTransaction />组件可帮助您方便地将资产(例如 PLR、USDC 或 SHIB)转移到另一个账户。您只需指定代币地址、目的地址以及您要转入目的地址的代币数量,剩下的交给我们。

<EtherspotApprovalTransaction />

<EtherspotApprovalTransaction />组件授权另一个智能合约花费你拥有的资产。该智能合约可以用于任何目的,但通常与去中心化金融应用程序(也称为 DeFi)相关联,例如 Uniswap 或 Gamma。


换句话说,这就像允许您的朋友在一定限度内花掉您的一些钱。在这种情况下,朋友就是上面提到的智能合约。


与各种链的兼容性

TransactionKit 兼容一系列链,包括 Ethereum、Polygon、Gnosis Chain、Binance Smart Chain、Fantom、Aurora、Avalanche、Optimism、Arbitrum、Moonbeam、Celo、Fuse、Arbitrum Nova。 Base 和 Polygon zkEVM 即将推出。


这确保了开发人员可以灵活地在他们选择的区块链上构建去中心化应用程序。

能够使用稳定币支付交易费用

为了在区块链上进行交易,需要使用网络的原生代币支付费用。然而,这对不熟悉区块链技术的个人来说可能是一个挑战,因为他们必须首先获得这些代币。


这就是 Etherspot 的解决方案派上用场的地方。用户现在可以使用稳定币支付交易费用,而不仅仅是他们使用的区块链的原生代币(ETH、BNB 等)。这也使他们能够避免与某些区块链(例如以太坊)相关的高额交易费用,并可以节省大量成本。


查看TransactionKit CodeSandbox这里.

Web3 for TransactionKit 的五个支柱

在区块链网络上开发去中心化应用程序 (dApp) 可能既复杂又耗时,开发人员需要管理账户、交易和安全措施。


Etherspot 旨在通过其 TransactionKit 库简化流程。 TransactionKit 由 Etherspot 的 SDK 提供支持。 Etherspot 的 SDK 围绕五个核心产品支柱构建,提供一系列功能以满足不同项目的需求。


此外,我们将详细探讨这些要点,以及它们如何有助于使 Etherspot 的工具成为对 Web3 开发人员有价值的产品。

简单

Etherspot 的 SDK 为开发人员提供了 TransactionKit - 一个干净简洁的库,用于处理账户和交易,使他们能够专注于应用程序的逻辑,而不是以太坊网络的复杂性。同时,Etherspot 的团队创建了一个用于即插即用集成的 BUIDLer React 组件。

灵活性

Etherspot 的 SDK 为开发人员提供了一系列用于使用以太坊帐户的工具和功能,包括对任何 Web3 提供商的支持以及从单一界面管理多个帐户的能力。


这种灵活性使开发人员可以轻松地根据他们的特定需求定制他们的应用程序,无论他们是在构建简单的去中心化应用程序 (dApp) 还是复杂的智能合约。

安全

SDK 实施行业标准的安全措施,包括加密以确保开发人员及其用户免受潜在威胁。

可扩展性

Etherspot SDK 旨在与不同的区块链和以太坊的第 2 层解决方案无缝协作,例如 Optimism 和 Arbitrum(目前支持 14 条以上的链),允许开发人员构建能够以最少的 gas 成本处理大量交易的应用程序。


此功能对于构建可以在不牺牲性能或安全性的情况下为大量用户群提供服务的 dApp 至关重要。

互操作性

该 SDK 旨在与 JavaScript 和 TypeScript 等编程语言一起使用,使开发人员可以轻松地将 Etherspot 的功能集成到他们现有的代码库中。


此外,SDK 支持 MetaMask 和 Infura 等流行的以太坊工具,使 Web3 编码人员可以轻松使用熟悉的工具和工作流程。

试一试

在没有区块链经验的情况下构建多链 dApp 可能看起来令人生畏,但现在并非不可能。借助正确的工具和知识,任何人都可以构建安全、透明和去中心化的 dApp。按照中概述的步骤本文档,您可以开发自己的多链 dApp 并加入不断发展的去中心化应用程序社区。


凭借其强大的功能和易于使用的结构,TransactionKit 是任何希望开始激动人心的区块链开发世界的人的完美工具。