Conectar Valora a contratos inteligentes con Wallet Connect

Conectar una billetera móvil con un contrato inteligente en la red Celo es posible gracias a Wallet Connect y al Contract Kit, dos herramientas que permiten que tus usuarios paguen y muevan criptomonedas desde apps como Valora sin depender de un plugin de navegador. Esto importa si desarrollas dApps en Celo y quieres ofrecer una experiencia móvil natural a quienes prefieren gestionar sus cripto desde el teléfono.

Por qué usar Wallet Connect en lugar de un plugin de navegador

Muchos usuarios encuentran más cómodo guardar sus criptomonedas en una mobile wallet que en una extensión como MetaMask o la Celo Wallet en formato plugin. Tener el saldo en el teléfono se siente más cercano, más natural, y para una buena parte del ecosistema cripto ya es el estándar.

Ahí entra Valora, la billetera móvil del ecosistema Celo. Si quieres que tu dApp acepte pagos o mueva fondos desde Valora, necesitas un puente entre tu contrato inteligente y el teléfono del usuario. Ese puente es Wallet Connect, soportado por el Contract Kit de Celo [00:30].

¿Qué es Wallet Connect? Es un protocolo que conecta una aplicación web con una billetera móvil mediante un código QR. El usuario escanea, autoriza, y desde ahí puede firmar transacciones desde su teléfono.

Cómo instalar y configurar Wallet Connect en un proyecto React

El flujo arranca en Visual Studio Code. Lo primero es instalar Wallet Connect siguiendo el archivo de instrucciones que vive en el repositorio del curso. Es probable que tengas que adaptar pequeños detalles según tu versión de node, tu sistema operativo y tu entorno [01:20].

Una vez instalado, dentro del archivo React que maneja la conexión debes incorporar la referencia al Wallet Connect Provider. Ese provider es el objeto que sabe cómo hablar con la billetera móvil.

Qué hace la función de conexión paso a paso

La función que se dispara al hacer clic en el botón hace tres cosas concretas:

• Configura el Wallet Connect Provider apuntando a la red Forno (mainnet) o Alfajores (testnet), según la wallet del usuario.
• Llama a provider.enable(), que muestra un código QR en pantalla.
• Espera la autorización para ejecutar el código de transferencia.

La transferencia de ejemplo envía Celo Gold a una wallet definida en el código, parecido a dejar un tip. La diferencia clave: los fondos no salen de un plugin del navegador, sino de Valora o de la wallet para developers en Alfajores [02:30].

Cómo escanear el QR y firmar la transacción desde Valora

En la interfaz gráfica aparece un botón que habilita la conexión con Wallet Connect. Al hacer clic se despliega el código QR. Desde el teléfono se abre la wallet Alfajores, idéntica a Valora pero operando sobre la testnet, y se entra al lector de QR.

Después del escaneo, el flujo desde el móvil es así:

1. La wallet pregunta si deseas conectarte a la aplicación. Pulsas permitir.
2. Aparece la confirmación de la transacción solicitada en el código. Permites.
3. Ingresas tu PIN para confirmar tu identidad.
4. La transacción se procesa y queda registrada.

Al revisar el saldo, la transferencia ya está hecha. En la vista de actividad de la billetera aparece el detalle: 0.001 dólares salieron de la wallet y llegaron a la cuenta destino [04:15].

¿Por qué usar la testnet Alfajores? Porque te permite probar transferencias reales con criptomonedas de prueba, sin gastar fondos verdaderos. La wallet Alfajores funciona igual que Valora, solo que sobre una red de pruebas.

Qué ganas al integrar billeteras móviles en tu dApp de Celo

Integrar una transferencia de valor desde código React hacia una billetera móvil mediante Wallet Connect te abre la puerta a un público más amplio. Quienes ya manejan sus cripto desde el teléfono no tienen que cambiar de hábito para usar tu aplicación.

Es una herramienta poderosa y reutilizable: cada vez que desarrolles para la red Celo vas a querer ofrecer esta opción. Combinas la potencia del Contract Kit con la comodidad de Valora y obtienes una experiencia móvil sólida.

¿Qué diferencia hay entre Forno y Alfajores en Celo? Forno es el endpoint de la mainnet de Celo, donde las transacciones usan fondos reales. Alfajores es la testnet, pensada para desarrollar y probar sin costo.

Si ya conectaste tu primera transacción desde Valora, cuéntame en los comentarios qué dApp estás construyendo sobre Celo y qué retos encontraste al integrar Wallet Connect.