# @txnlab/使用钱包与框架无关的 Algorand 钱包集成库 (v4.x)，带有适用于 React、Vue、SolidJS 和 Svelte 的反应式适配器。需要 **algosdk v3**。 ## 套餐套餐 |目的 ---|--- `@txnlab/use-wallet` |核心库（与框架无关） `@txnlab/use-wallet-react` | React 适配器（hooks + WalletProvider） `@txnlab/use-wallet-vue` | Vue 适配器（可组合项 + 插件） `@txnlab/use-wallet-solid` | SolidJS 适配器（原语 + WalletProvider） `@txnlab/use-wallet-svelte` | Svelte 适配器（原语 + 上下文） `@txnlab/use-wallet-ui-react` | React UI 组件（WalletButton、菜单） ## 路线指南阅读与开发人员任务匹配的参考文件： ### 设置和配置 * **入门（任何框架）** : [references/getting-started.md]() — 安装、WalletManager 配置、支持的钱包表、webpack 后备 ### 特定于框架的集成 * **Vanilla JS/TS（无框架）** : [references/vanilla.md]() — WalletManager 直接使用，BaseWallet 订阅，无提供商包装器 * **React** : [references/react.md]() — WalletProvider、useWallet、useNetwork 挂钩 * **Vue** : [references/vue.md]() — WalletManagerPlugin、useWallet/useNetwork 可组合项 * **SolidJS** : [references/solid.md]() — WalletProvider、useWallet/useNetwork 原语（信号） * **Svelte** : [references/svelte.md]() — useWalletContext、useWallet/useNetwork 原语 (.current) ### 功能和指南 * **签署交易** : [references/signing-transactions.md]() —signTransactions、带有 ATC 的 transactionSigner、AlgoKit Utils * **签名数据 (ARC-60/SIWA)** : [references/signing-data.md]() — 使用 Algorand、Lute 钱包、验证登录 * **网络切换和自定义网络**：[references/network-configuration.md]() — NetworkConfigBuilder、自定义 AVM 网络 (Voi)、运行时节点配置、useNetwork * **预构建的 UI 组件** : [references/wallet-ui.md]() — @txnlab/use-wallet-ui-react：WalletButton、菜单、主题、Tailwind 设置 * **测试** : [references/testing.md]() — dev/testing/E2E 的助记词钱包提供商 * **自定义钱包提供商** : [references/custom-provider.md]() — 实现 CustomProvider 接口 ### 参考 * **完整 API 参考** : [references/api-reference.md]() — WalletManager、useWallet、useNetwork、枚举、类型 * **从 v3 迁移** : [references/migration-v3.md]() — algosdk v3、网络配置更改、useNetwork 提取 ## 快速参考：支持的钱包钱包|钱包ID |所需套餐 ---|---|--- 佩拉 | '佩拉' | `@perawallet/connect` 反抗| ‘反抗’ | `@blockshake/defly-connect` Defly Web（测试版）| `DEFLY_WEB` | `@agoralabs-sh/avm-web-provider` 出埃及记‘出埃及记’ | — 基比西斯 | '基比斯' | `@agoralabs-sh/avm-web-provider` 琵琶| '琵琶' | `鲁特琴连接` 钱包连接 | `钱包连接` | `@walletconnect/sign-client`、`@walletconnect/modal` 魔法| '魔法' | `magic-sdk`、`@magic-ext/algorand` Web3Auth | `WEB3AUTH` | `@web3auth/modal`、`@web3auth/base`、`@web3auth/base-provider` W3钱包| `W3_钱包` | — KMD | 'KMD' | —（仅限开发）助记词 | `助记符` | —（仅测试，从未主网）定制| `定制` | —（实施自定义提供程序）不需要额外软件包的钱包使用内置浏览器 API 或 AVM Web 提供商。 ## 关键模式 ### 最小设置（React）导入{ 钱包提供商，钱包管理器, 网络 ID, 钱包ID, 来自 '@txnlab/use-wallet-react' 常量经理 = 新 WalletManager({ 钱包：[WalletId.PERA、WalletId.DEFLY、WalletId.LUTE]、默认网络：NetworkId.TESTNET， }) 函数应用程序（）{ 返回（ <你的应用程序/> ） } ### 访问钱包状态常量{ 钱包，活动地址，准备好了，签署交易，交易签名者， algod客户端， } = useWallet() 常量{ 活跃网络，设置活动网络，更新AlgodConfig，重置网络配置， } = useNetwork() ## 重要提示 * v4.x 需要 **algosdk v3** — 如果从 v3.x 升级，请参阅迁移指南 * 在 v4.0.0 中，网络功能从 `useWallet` 转移到单独的 `useNetwork` hook/composable/primitive * 默认网络（MainNet、TestNet、BetaNet、LocalNet）使用 Nodely 的免费 API * 一些钱包提供商需要直接用户交互（按钮点击）的签名请求 * 仅 Lute 支持 ARC-60 数据签名 (`signData`)

使用钱包

包含技能