Introducción a dólares digitales
Herramientas de Circle para pagos con dólares digitales
Contratos Inteligentes y Transferencias USTC en Blockchains
Script para Transferir USDC entre Billeteras con Node.js y Ethers.js
Transferencias de USDT en Node.js: Lógica y Ejecución
Quiz: Introducción a dólares digitales
Billeteras programables de USDC con Circle
Generación automática de billeteras Web3 con Circle SDK en iOS
Billeteras y Cuentas en Ethereum: Opciones y Configuraciones Clave
Uso del API de Circle para Crear Usuarios y Configurar Billeteras
Integración de CircleREST API en Next.js
Uso de SDKs de Circle para Integración de Billeteras Digitales
Quiz: Billeteras programables de USDC con Circle
Gast Station y Smart Contract Platform
Uso de Gas Station para simplificar transacciones en cripto
Interacción con Contratos Inteligentes en Circle
Programación de Smart Contracts con Plantillas ERC-20 y ERC-721
Quiz: Gast Station y Smart Contract Platform
Conclusión
Creación de carteras Web3 con Circle para empresas y desarrolladores
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Si ya tienes una cuenta,
Integración de CircleREST API en Next.js
8/13¿Cómo usar el CircleREST API en Next.js?
Bienvenido al mundo del desarrollo web moderno. Hoy voy a guiarte a través de cómo podemos integrarnos de manera eficiente con el CircleREST API en una aplicación de Next.js. Si ya tienes experiencia en programación, esto ampliará tus horizontes; y si eres principiante, no te preocupes, te acompañaré paso a paso. CircleREST API es una poderosa herramienta que permite interacciones financieras en tiempo real, utilizada en aplicaciones móviles y web. ¡Así que prepárate para sumergirte en este fascinante tema!
¿Cómo se organiza el repositorio de Next.js?
En nuestro repositorio, hemos estructurado la API en tres principales categorías: transacciones, usuarios y billeteras.
- Transacciones: Aquí se gestiona todo lo relacionado con las operaciones financieras.
- Usuarios: Donde se maneja la creación y gestión de los perfiles de usuario.
- Billeteras: Secciones dedicadas a la interacción con monederos digitales y criptomonedas.
¿Cómo crear un usuario en CircleREST API?
Vamos a profundizar en la sección de usuarios para comprender cómo crear un nuevo usuario en nuestra aplicación, replicando el flujo que se refleja en una app móvil.
- Abre el archivo
route.jsen la carpeta de usuarios. Veremos una implementación que sigue fielmente el flujo de la aplicación. - El primer paso es hacer una solicitud POST a la URL base con el endpoint
/users. Este proceso requiere un ID de usuario único que generamos previamente.
// Ejemplo de creación de usuario en Next.js
async function createNewUser() {
const response = await fetch(`${baseURL}/users`, {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({ userId: uniqueUserId }),
});
const data = await response.json();
console.log(data);
}
¿Cómo gestionar la autenticación con tokens de sesión?
Una vez creado el usuario, el siguiente paso crucial es generar un token de sesión:
- Realiza otra solicitud POST con el endpoint
/users/token. Aquí es fundamental pasar el mismo ID de usuario que anteriormente.
// Ejemplo de generación de token de sesión
async function createUserSession() {
const response = await fetch(`${baseURL}/users/token`, {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({ userId: uniqueUserId }),
});
const tokenData = await response.json();
console.log(tokenData);
}
¿Cómo iniciar una cuenta de usuario y manejar el challenge ID?
Finalmente, iniciamos la cuenta del usuario y manejamos el challenge ID:
- Usamos otro POST, incorporamos el ID único y parámetros adicionales como la red para crear la billetera.
// Ejemplo de inicio de cuenta y manejo de challenge ID
async function initUserAccount() {
const response = await fetch(`${baseURL}/users/init`, {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({ userId: uniqueUserId, network: selectedNetwork }),
});
const accountData = await response.json();
console.log(accountData);
}
¿Qué hacer si no tienes experiencia en Next.js?
¡No te preocupes! CircleREST API es versátil y puede implementarse con otras tecnologías como Node, Ruby, PHP, y Python. Toma el tiempo necesario para explorar diferentes lenguajes y elegir el que mejor se adapte a ti.
Además, te invito a recorrer los cursos de Next.js disponibles en Platzi para profundizar tus conocimientos y expandir tus habilidades como desarrollador.
Continúa tu aprendizaje y nunca dejes de explorar. ¡El mundo del desarrollo tecnológico está lleno de oportunidades infinitas!
Aportes 1
Preguntas 1
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?