User-Controlled Wallets
A frontend sample app demonstrating integration of Circle's Web3 Services user-controlled wallets with gasless transactions.
来源美国旧金山
用户10万-20万
已发布2023年
链条
您可以在终端、代码或 AI 代理中管理 Quicknode。现已支持 CLI、管理 API、MCP 和 SDK。
开始构建A frontend sample app demonstrating integration of Circle's Web3 Services user-controlled wallets with gasless transactions.
通过 SOC 2 II 类认证 · ISO 27001
The Circle User-Controlled Wallets Sample App is a frontend user interface designed to showcase how to integrate Circle's Web3 Services products, including their Web SDK, Smart Contract Accounts (SCA), and gasless transaction capabilities. It serves as a practical example for developers looking to embed user-controlled wallets into existing web applications, enabling end users to manage wallets securely and seamlessly. The app demonstrates key flows such as user authentication, PIN management, and wallet interactions using Circle's APIs.
Built with Next.js and React, and styled with Joy UI components, the sample app emphasizes client-side integration with Circle's Web3 Services Web SDK. It handles sensitive user data like PINs and security answers securely, leveraging the SDK's authentication and encryption features. The app requires pairing with a backend sample server to provide a complete end-to-end experience, including token management and session validation.
To get started, developers must sign up for Circle's Developer Console to obtain an App ID, install necessary development tools (nvm, openssl, yarn), and configure environment variables. Running the app locally involves standard Node.js commands with hot reload support. The project is open source on GitHub, providing a clear code structure and examples of SDK usage, including handling authentication challenges and session management. This sample app is ideal for teams building programmable wallets with user control and gasless transaction features, offering a foundation to customize and extend for production use.
Developers integrating user-controlled wallets into web applications face challenges in securely managing sensitive user data such as PINs and encryption keys, while providing seamless wallet interactions and gasless transactions. Additionally, implementing authentication flows and session management that comply with best practices can be complex without clear examples.
Modern React framework with route grouping and component-based architecture for easy customization.
Configures SDK instances with developer App ID and authenticates users with tokens and encryption keys.
Supports PIN reset flows and challenge execution callbacks for secure user interactions.
Developers can embed wallet management features into their applications using the sample app as a reference implementation.
Teams can leverage the sample app to implement gasless transactions that improve onboarding and reduce friction.
Front-end developers can adapt the sample app's React components and SDK usage to fit their branding and UX requirements.
支持80多条链的免费RPC服务。30秒内即可部署一个端点。
Explore web3 competitors and apps like User-Controlled Wallets.
免费 | |
|---|---|
| 价格（每月） | 免费 |
| 价格（年度） | 免费 |
| 消息 | 不适用 |
| 支持 | 通过 Discord 和 GitHub 获得社区支持 |
| 分析 |
可靠的 RPC、强大的 API，且完全省心。
The project provides comprehensive resources including a live demo, detailed documentation for the Circle Web3 Services Web SDK, and a backend sample server repository. Developers can access code examples, UI customization guides, and community support channels to facilitate integration and troubleshooting.
