Web3Modal

Web3Modal 适合需要 WalletConnect、二维码和多框架支持的项目。为了让用户更容易找到 UKey Wallet，可以在 Web3Modal 配置中把 UKey Wallet 的 WalletConnect ID 加入建议和允许列表。

延伸资料

部署

npm install @web3modal/wagmi [email protected] [email protected]
# 也可以这样安装
yarn add @web3modal/wagmi [email protected] [email protected]

建议展示 UKey Wallet

把 UKey Wallet 的 WalletConnect ID 同时加入 featuredWalletIds 和 includeWalletIds 后，连接弹窗会优先展示 UKey Wallet，并确保搜索和筛选时不会被排除。

createWeb3Modal({
  wagmiConfig,
  projectId,
  chains,
  featuredWalletIds: [
    // UKey Wallet 的 WalletConnect ID，详见 https://explorer.walletconnect.com/ukey
    "7d6c5b4a39281706f5e4d3c2b1a09876fedcba9876543210f1e2d3c4b5a69788",
  ],
  includeWalletIds: [
    // UKey Wallet 的 WalletConnect ID，详见 https://explorer.walletconnect.com/ukey
    "7d6c5b4a39281706f5e4d3c2b1a09876fedcba9876543210f1e2d3c4b5a69788",
  ],
});

示范

相关资源

• Reown AppKit 文档
• WalletConnect 钱包指南 - UKey Wallet
• 获取 Project ID
• React + wagmi Hook 接入：指南