SuperAPI AI 工具集

controller-react

前端与建站

查看项目

更新于 10-15 20:10

技能介绍

用途:在 React/Next.js 应用中通过 starknet-react 集成 Cartridge Controller,用于钱包连接、会话策略与 Starknet 交易执行。

主要能力:依赖安装、Provider 配置、连接钱包组件、动态登录按钮、交易执行、外部钱包方法(metamask、rabby、phantom、argent、walletconnect)、Vite HTTPS 配置,以及本地 Katana 开发链定义。

使用方式:安装依赖:pnpm add @cartridge/connector @cartridge/controller @starknet-react/core @starknet-react/chains starknet;并安装 pnpm add -D vite-plugin-mkcert。连接器必须在 React 组件外创建:const connector = new ControllerConnector({ policies })。使用 StarknetConfig 提供 chains、provider、connectors 与 explorer={cartridge}。连接钱包使用 useConnect、useAccount、useDisconnect,用户名通过 controller.username() 获取。执行交易使用 account.execute([...]) 并获取 transaction_hash。动态登录按钮支持 controller.connect({ signupOptions }) 后手动触发 starknet-react 状态更新。外部钱包可用 controller.externalWaitForTransaction 与 controller.externalSwitchChain。开发模式:pnpm dev 使用本地 API;pnpm dev:live 本地 keychain 连接生产 API。Vite 加密配置使用 mkcert 插件。

适用场景:构建基于 Starknet 的 React/Next.js 去中心化应用,需要 Cartridge Controller 登录、会话策略授权、交易发送、外部钱包集成或本地 Katana 开发调试。

限制:文档未提供完整合约地址以作通用用途;Katana 本地开发需要 katana.toml 设置 [cartridge] paymaster = true。其余收费、价格、性能效果等信息暂未提供。