Headless SDK (inscripción)

Yuno Headless SDK proporciona un control total sobre la UX y la UI de la caja, permitiéndote inscribir tarjetas sin necesidad de cumplir la normativa PCI.

Flujo de trabajo de inscripción

El diagrama a continuación ilustra el flujo de trabajo completo de inscripción. Cada paso se explica en detalle en las siguientes secciones. Para obtener información sobre la implementación específica de cada plataforma, consulte la guía correspondiente.


Flujo de inscripción headless del SDK

Este diagrama ilustra el proceso de registro headless con el SDK, detallando las interacciones entre el Cliente Comercial, el Servidor Comercial, el Servidor Yuno y el SDK de Yuno. Describe los pasos para agregar y registrar un método de pago, desde la interacción del usuario hasta la recepción de los resultados.

Cliente comercial

El Cliente Comercial representa la aplicación frontend que gestiona la interfaz de usuario y el proceso de registro. Sus principales responsabilidades incluyen:

  • Añadir método de pago
  • Mostrar métodos de pago para inscribirse
  • El usuario selecciona el método de pago para inscribirse
  • Iniciar la inscripción
  • Iniciar SDK para continuar con la inscripción

Servidor comercial

El Servidor Comercial representa la aplicación backend que coordina el frontend con los servicios de Yuno. Sus principales responsabilidades incluyen:

  • Crear cliente
  • Crear sesión de cliente
  • Solicitar métodos de pago disponibles para inscribirse
  • Crear inscripción
  • Recibir el resultado de la inscripción a través de un webhook

Servidor Yuno

El servidor Yuno gestiona todas las operaciones de backend relacionadas con la gestión de clientes, el registro de sesiones y el procesamiento de métodos de pago. Sus principales responsabilidades incluyen:

  • Crea clientes
  • Crea una sesión de cliente
  • Método de pago disponible para devoluciones
  • Crea una inscripción en el proveedor de pagos.
  • Recibir los resultados de inscripción del proveedor de pagos

SDK de Yuno

El SDK de Yuno gestiona el flujo de inscripción del cliente, gestionando las interacciones del usuario y completando la inscripción. Sus principales responsabilidades incluyen:

  • Continuar el flujo de inscripción
  • Muestra pantallas para que el usuario complete la inscripción.
  • Mostrar el resultado de la inscripción (opcional)

Flujo completo

Los siguientes pasos describen el flujo de interacción completo entre todos los componentes de la integración de SDK Headless Enrollment y detallan cómo cada solicitud y respuesta se mueve a través del sistema:

  1. Servidor comercial: Crear cliente --> Servidor Yuno: Crea cliente
  2. Cliente comercial: Agregar método de pago --> Servidor comercial: Crear sesión de cliente
  3. Servidor comercial: Crear sesión de cliente --> Servidor Yuno: Crear sesión de cliente
  4. Cliente comercial: Mostrar los métodos de pago para inscribir --> Servidor comercial: Solicitar los métodos de pago disponibles para inscribir
  5. Servidor comercial: Solicita los métodos de pago disponibles para inscribirse --> Servidor Yuno: Devuelve el método de pago disponible
  6. Cliente comercial: Mostrar los métodos de pago para inscribir --> Cliente comercial: El usuario selecciona el método de pago para inscribir
  7. Cliente comercial: el usuario selecciona el método de pago para inscribirse --> Cliente comercial: inicia la inscripción
  8. Cliente comercial: Iniciar inscripción --> Servidor comercial: Crear inscripción
  9. Servidor comercial: Crea inscripción --> Servidor Yuno: Crea inscripción en el proveedor de pagos
  10. Cliente comercial: Iniciar SDK para continuar con la inscripción --> SDK de Yuno: Continuar con el flujo de inscripción
  11. SDK de Yuno: Continuar con el flujo de inscripción --> SDK de Yuno: Muestra pantallas para que el usuario complete la inscripción
  12. Servidor comercial: recibe el resultado de la inscripción a través del webhook --> Servidor Yuno: recibe los resultados de la inscripción del proveedor de pagos
  13. Servidor Yuno: Recibir resultados de inscripción del proveedor de pagos --> SDK Yuno: Mostrar resultado de inscripción (opcional)