Conectar Valora a contratos inteligentes con Wallet Connect

Curso de Introducción a Celo con Solidity

Contenido del curso

Introducción

Entendiendo la EVM

Herramientas de Solidity

Retiros y control de permisos

Interactuando con la Blockchain de Celo

Interactuando con Smart Contracts

Sigue practicando

21
Qué hacer al terminar el curso de Celo
00:37 min

Tomar examen

Cursos Empresas Blog Live Conf Eventos Precios

0:005:16

Conectar Valora a contratos inteligentes con Wallet Connect

Curso de Introducción a Celo con Solidity

Clase 17 de 21

Clase 17 / 21

Recursos

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í:

La wallet pregunta si deseas conectarte a la aplicación. Pulsas permitir.
Aparece la confirmación de la transacción solicitada en el código. Permites.
Ingresas tu PIN para confirmar tu identidad.
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.

Resumen

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

¿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

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.

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

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

La wallet pregunta si deseas conectarte a la aplicación. Pulsas permitir.
Aparece la confirmación de la transacción solicitada en el código. Permites.
Ingresas tu PIN para confirmar tu identidad.
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

¿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.

Introducción

Primer contrato en Solidity sobre Celo

Qué hace diferente a Celo de otras blockchains

Entendiendo la EVM

Herramientas esenciales para desarrollar en Celo

Qué es la EVM y cómo funciona Solidity

Qué son las transacciones en Celo

Herramientas de Solidity

Estructura de un smart contract en Solidity

Loops y condicionales en Solidity

address en Solidity y msg.sender

El atributo payable en Solidity

Retiros y control de permisos

Modificadores en Solidity para código limpio

Herencia en Solidity con OpenZeppelin

Scaffolding de un contrato de escrow en Celo

Modificadores y ownable en contratos escrow

Interactuando con la Blockchain de Celo

Deploy de smart contracts en Alfajores con Remix

Desplegar contratos con Hardhat en Alfajores

Interactuando con Smart Contracts

Conectando React con Celo usando ContractKit

Conectar Valora a contratos inteligentes con Wallet Connect

Despliegue de Contratos Inteligentes en Testnet Alfajores con Remix

Liberación arbitral con Celo ContractKit

Firma de transacciones con WalletConnect y Valora

Sigue practicando

Qué hacer al terminar el curso de Celo

Conectar Valora a contratos inteligentes con Wallet Connect

Progreso del curso

Introducción

Entendiendo la EVM

Herramientas de Solidity

Retiros y control de permisos

Interactuando con la Blockchain de Celo

Interactuando con Smart Contracts

Sigue practicando

Recursos

Recursos