Carteras controladas por el usuario
Una aplicación de ejemplo de front-end que muestra la integración de las carteras controladas por el usuario de los servicios Web3 de Circle con transacciones sin gas.
Resumen
La aplicación de ejemplo «Circle User-Controlled Wallets» es una interfaz de usuario diseñada para mostrar cómo integrar los productos de servicios Web3 de Circle, entre los que se incluyen su SDK web, las cuentas de contratos inteligentes (SCA) y las funciones de transacciones sin gas. Sirve como ejemplo práctico para los desarrolladores que deseen integrar carteras controladas por el usuario en aplicaciones web existentes, lo que permite a los usuarios finales gestionar sus carteras de forma segura y sin complicaciones. La aplicación muestra flujos clave como la autenticación de usuarios, la gestión de PIN y las interacciones con las carteras mediante las API de Circle.
Desarrollada con Next.js y React, y con un diseño basado en los componentes de Joy UI, esta aplicación de ejemplo hace hincapié en la integración del lado del cliente con SDK web de los servicios Web3 de Circle. Gestiona de forma segura los datos confidenciales de los usuarios, como los códigos PIN y las respuestas de seguridad, aprovechando las funciones de autenticación y cifrado SDK. La aplicación requiere emparejarse con un servidor de ejemplo de backend para ofrecer una experiencia completa de extremo a extremo, que incluye la gestión de tokens y la validación de sesiones.
Para empezar, los desarrolladores deben registrarse en la Consola para desarrolladores de Circle para obtener un ID de aplicación, instalar las herramientas de desarrollo necesarias (nvm, openssl, yarn) y configurar las variables de entorno. La ejecución de la aplicación de forma local se realiza mediante comandos estándar de Node.js con soporte para recarga en caliente. El proyecto es de código abierto en GitHub y ofrece una estructura de código clara, así como ejemplos de SDK , incluyendo la gestión de retos de autenticación y la gestión de sesiones. Esta aplicación de ejemplo es ideal para equipos que desarrollan carteras programables con control por parte del usuario y funciones de transacciones sin gas, y ofrece una base que se puede personalizar y ampliar para su uso en producción.
El problema
Los desarrolladores que integran carteras controladas por el usuario en aplicaciones web se enfrentan al reto de gestionar de forma segura datos confidenciales de los usuarios, como los códigos PIN y las claves de cifrado, al tiempo que ofrecen interacciones fluidas con las carteras y transacciones sin gas. Además, implementar flujos de autenticación y una gestión de sesiones que cumplan con las mejores prácticas puede resultar complejo sin ejemplos claros.
La solución
Características principales
Interfaz de usuario basada en Next.js y React
Marco de trabajo React moderno con agrupación de rutas y arquitectura basada en componentes para facilitar la personalización.
SDK con el App ID y los tokens de usuario
Alternativas a las carteras controladas por el usuario
Descubre los competidores y las aplicaciones de web3, como las carteras controladas por el usuario.
Protocolo Synapse
Precios
Gratis | |
|---|---|
| Precio (mensual) | Gratis |
| Precio (anual) | Gratis |
| Mensajería | N/A |
| Asistencia | Asistencia de la comunidad a través de Discord y GitHub |
| Análisis |
Empieza a construir ahora mismo
RPC fiable, potentes API y sin complicaciones.
Recursos
El proyecto ofrece recursos completos, entre los que se incluyen una demostración en directo, documentación detallada sobre el SDK web de Circle Web3 Services y un repositorio con un servidor de ejemplo de backend. Los desarrolladores pueden acceder a ejemplos de código, guías de personalización de la interfaz de usuario y canales de asistencia de la comunidad para facilitar la integración y la resolución de problemas.
