模态框的重要性：你应该选择哪个构建？
传统Web2账户登录的典型流程是通过"使用Google登录"或"使用Facebook登录"。在Web3中，这是通过钱包完成的。如果你想在Uniswap上进行交易或在Orb上收集帖子，就需要将钱包连接到去中心化应用（dapp）。
Web3Modal就是解决这个问题的方案。它目前提供了一个简单的用户界面，让用户可以选择自己喜欢的钱包，通过EIP-6963支持所有浏览器钱包，还有更多功能。
然而，我们还有一个轻量级的模态框叫做WalletConnect Modal。本文深入探讨WalletConnect的Web3Modal和WalletConnect Modal之间的区别。
Web3Modal
在WalletConnect之前，连接钱包和dapp的唯一方法是通过像MetaMask这样的桌面浏览器扩展检查客户端窗口（即window.ethereum）。这种用户体验的问题在于移动钱包无法连接到dapp。
Web3Modal通过为移动钱包提供可扫描的二维码来解决这个问题，同时允许桌面和浏览器扩展钱包无缝连接。对于开发人员来说，这个工具应该包含在任何dapp的入门工具包中，因为它处理了模态框应具备的大部分基本功能，比如你的ENS名称和直观的网络切换用户界面。
无论你是开始第一个web3项目还是将其集成到生产级应用程序（如zkSync和GemPad）中，它都有几个优势，可以抽象掉web3开发的复杂部分：
- 多框架支持（React / Vue / Vanilla）
- EVM兼容性
- 访问所有WalletConnect集成钱包（500+）
- 多库兼容性
- wagmi兼容性
- Ethers V5兼容性
- Ethers V6兼容性
- EIP-6963支持浏览器扩展钱包
- 可自定义的用户界面
- 交易历史记录
- ENS名称查询
WalletConnect Modal
另一方面，WalletConnect Modal是一个功能有限的轻量级模态框。它设计用于与Ethereum Provider和Universal Provider协同工作，适合希望集成更复杂解决方案和/或非EVM链的开发人员。
这个模态框可以允许所有移动钱包同步和连接；但是，它不支持浏览器扩展钱包，这意味着你无法看到像MetaMask这样最流行的浏览器扩展钱包的典型图像。这个问题在Web3Modal中得到了解决，这就是为什么我们推荐开发人员使用这个SDK。
对比图表
下表概述了Web3Modal和WalletConnect Modal之间的差异。
结论
正如你所看到的，这两种模态框之间存在显著差异，我们强烈建议开发人员使用Web3Modal，因为它支持所有EVM链，提供功能更丰富、更广泛的web3开发体验。虽然WalletConnect Modal有其用途，但开发人员在处理web3应用程序时需要控制力和灵活性——这正是Web3Modal所提供的。
对于那些对Web3Modal感兴趣的人，请在此处查看我们的网站和文档。