Quick start

Esta guía muestra el proceso de pago de JavaScript con autenticación 3DS 2.0 utilizando una tienda web de prueba integrada. en el entorno de aprobación.

Atención: Todos los procedimientos demostrados en esta página se llevaron a cabo en el entorno de aprobación solo para ilustrar el flujo de un pago JavaScript con autenticación 3DS 2.0. Ninguna de las siguientes pantallas se utilizará en el entorno de producción.

Lo que necesitarás.

• Registro activo en el entorno de aprobación de Carat (obtenido de nuestro equipo de soporte)
• Tienda registrada y configurada para usar pago JavaScript con autenticación 3DS 2.0 (obtenida de nuestro apoyo)

Tabla con las diferentes tarjetas utilizadas para las pruebas:

ID	MARCA	NÚMERO DE TARJETA
1	Visa	4551820000009478
2	Mastercard	5555555555555555
41	Elo	5091490000009011
3	Amex	3766001349171000
2	Mastercard	5251743209931344 Probar una tarjeta no admitida por el emisor para autenticación

Tabla con los valores en céntimos que se pueden utilizar para simular diferentes estados en la 3DS:

VALOR	STATUS	DESCRIPCIÓN
10000	AUY	Autenticación exitosa
10004	AUC	Se requiere desafío; siguiendo el flujo del "desafío".
10001	AUN	No autenticado/Cuenta no verificada; Transacción denegada.

Creando transacción

En nuestra tienda online, encontramos en la parte izquierda del menú, un submenú titulado Pagamento 3DS MPI. esta en esto submenú donde generaremos la transacción, insertando la información relevante en la carga útil, como el Merchant ID (su código de tienda) y el Clave de comerciante (clave de su tienda). Los demás datos no se pueden cambiar, si no se desea simular diferentes estados del Autenticación 3DS 2.0. Después de completar los datos, simplemente haga clic en el botón Fechar Pedido para crear la transacción.

subtítulos

• 1 - Submenú de pago 3DS MPI
• 2 - Identificación del comerciante
• 3 - Clave de comerciante
• 4 - Solicitar Json
• 5 - Cerrar Orden

Pagina de pago

En esta página se insertarán los datos de la tarjeta, con llamadas a las funciones startThreeDs y esitefDoPayment son ejecutados. Después de completar la tarjeta, se activa la función startThreeDs para validar la tarjeta en 3DS 2.0 y compruebe si se utilizará el método 3DS. Todo este proceso se realiza internamente, sin intervención del comprador. Cuando todos los demás campos en la pantalla se completan y se hace clic en el botón CONFIRMAR PAGAMENTO, la función esitefDoPayment Está activado. Esta función, a su vez, realiza la autenticación y autorización de pagos.

subtítulos

• 1 - Después de completar la tarjeta, se activa el evento para llamar a la función startThreeDs
• 2 - Al hacer clic en el botón CONFIRMAR PAGAMENTO se dispara el evento para llamar a la función esitefDoPayment

Flujo de desafío

En determinadas situaciones, la autenticación con 3DS 2.0 puede requerir un desafío para validar la información del titular de la tarjeta. tarjeta. Al presionar el botónCONFIRMAR PAGAMENTO la función esitefDoPayment abrirá un modal para realizar de este desafío. En nuestro entorno de aprobación, se mostrará un simulador que ofrecerá opciones para el estado deseado del desafío - elegiremos Estado Y, indicando autenticación exitosa - y luego haremos clic en el botón Enviar.

subtitular

• 1 - Cuadro combinado con opciones de estado de desafío
• 2 - Botón Enviar para completar el desafío.

Páginas de ayuda

Después de completar el desafío o si no ha pasado por el flujo del desafío, será redirigido a una pantalla de procesamiento. Esta redirección se realiza por la función de devolución de llamada onProcessing, que se pasó como parámetro en la función esitefDoPayment.

En la pantalla de procesamiento existe una rutina interna que realiza una consulta para verificar si ha habido algún cambio en el estado de la transacción. Si hay cambios, se activa la redirección a la pantalla de éxito, utilizando la función de devolución de llamada onSuccess pasada como parámetro en la función esitefDoPayment.