基于Ant Design的开源组件库Ant Design Web3已正式发布

官网： https: //web3.ant.design/

Github地址：https://github.com/ant-design/ant-design-web3

本文将介绍我们的设计理念和新功能，阅读时间约为3分钟。如果您对我们的项目感兴趣，请给我们的Github一个 Star 或在Twitter上关注我们，我们将非常高兴。

在介绍 Ant Design Web3 之前，我们先简单说一下 Web3 DApp（去中心化应用）。DApp 可以说是当今除了 AI 应用之外，最受前端独立开发者青睐的应用。当然，在ChatGPT流行之前，Web3 DApps是最热门的。因为通过连接区块链的DApp，你可以获得以下能力：

1、交易加密资产，您可以通过ETH、USDT等加密货币进行交易，提高了经济活动的效率。无需任何后端支持，您就可以使您的应用程序接收付款。

2、连接到用户的Web3帐户，接触更多的加密用户。您不需要开发注册和登录页面，因为您可以通过用户的加密帐户连接到他们。

3、发行加密资产，通过发行NFT可以获得类似于发行会员卡的功能。而且，当你了解了Web3的意义后，你会发现你能做的事情还有很多！

但是我们如何开发一个DApp呢？前端开发者开发DApp容易吗？或者说不精通前端开发的开发者如何更便捷地构建DApp？

如上图所示，Ant Design Web3提供了一个开箱即用的连接组件。当然，这不是我们提供的全部。我们还提供了NFTCard、Address、BrowserLink等DApp开发中常用的组件，帮助您提高开发效率。

实际上，对于一个DApp的前端来说，最关键的部分就是连接用户的钱包。

对于更多组件，您可以访问我们的组件文档以了解更多信息。

这只是一组 UI 组件吗？

Ant Design Web3 不仅如此！我们还提供与区块链交互的能力。我们的多层架构设计使我们能够兼容不同的区块链，这也赋予了组件超越 UI 的能力！

Ant Design Web3 定义了一套通用的 API。基于这些API，我们可以通过适配器层连接到不同的区块链。目前，我们支持以太坊（包括与EVM兼容的链），并计划在未来支持更多的区块链。也欢迎社区的贡献。

下面是我们的架构设计图：

基于这个架构，您可以通过不同的方式使用 Ant Design Web3。首先，您可以将其用作纯 UI 组件：

您还可以通过引入适配器与区块链进行交互。同样以上面的NFTCard为例，引入Adapter后，只需要配置address和tokenId即可：

NFTCard是基于以太坊的ERC721协议实现的。您无需担心协议细节；您只需要提供合约地址和tokenId即可。从这里，我们可以看到广阔的想象空间。未来随着区块链协议的不断完善，或许我们真的能够实现一直以来渴望和梦想的宇宙通用接口。也许未来Ant Design Web3会提供一系列这样的“协议组件”，让我们能够更快地构建应用程序。这样的Web3是不是很有趣呢？

除了这种灵活高效的架构之外，Ant Design Web3还有哪些特点呢？

1、基于 Ant Design 组件开发，可以与 Ant Design 的基础组件很好的集成。

2、提供了一套Web3图标，非常方便。

3、组件和适配器的配置是互连的，保证了方便性和灵活性。

4、基于 Ant Design 的主题定制方案，使主题定制更加灵活。

最后但并非最不重要的一点是，我们要感谢 Ant Design Web3 的所有贡献者。这个项目没有任何收入，完全靠爱来推动。在正式发布之前就得到了社区成员的热烈支持。感谢所有做出贡献的开发人员以及支持的设计师，是他们让开源真正变得伟大。

原文链接：https://medium.com/ant-design/dapp-front-end-development-toolkit-ant-design-web3-has-released-version-1-0-88895e8bca88

Powered by Froala Editor