tbk logo

Webpay Oneclick Mall - Creación de Inscripción

En esta etapa comienza el proceso de inscripción del medio de pago. Este paso inicial es fundamental, para dirigir al tarjetahabiente al formulario de inscripción.
Todas las transacciones en este proyecto de ejemplo son realizadas en ambiente de integración.
Paso 1: Petición
1. Comienza por importar la librería Oneclick en tu proyecto.2. Después podrás iniciar una inscripción.
const Oneclick = require('transbank-sdk').Oneclick; // ES5
import { Oneclick } from 'transbank-sdk'; // ES6

const startResponse = await (new Oneclick.MallInscription()).start(
  userName, 
  email, 
  returnUrl
);
Paso 2: RespuestaUna vez que hayas iniciado la inscripción, aquí encontrarás los datos de respuesta generados por el proceso:
{
  'token': '01ab3e855419b33e7c50a76f19d27c2b862e48437b3f01acdcd23c8a98451af7',
  'url': 'https://webpay3gint.transbank.cl/webpayserver/initTransaction'
}
Paso 3: Creación del formularioUtiliza estos datos de respuesta para generar y presentar un formulario de inscripción al Tarjetahabiente. Este formulario será la interfaz a través de la cual el usuario realizará su transacción.
<form action="https://webpay3gint.transbank.cl/webpayserver/initTransaction" method="POST">
  <input type="hidden" name="token_ws" value="01ab3e855419b33e7c50a76f19d27c2b862e48437b3f01acdcd23c8a98451af7"/>
  <input type="submit" value="Pagar"/>
</form>
Ejemplo
Para llevar a cabo una transacción de compra en nuestro sistema, primero debemos crear la transacción. Utilizaremos los siguientes datos para configurar la transacción:
Campo
Valor
Nombre de usuario (userName)
User-76228
Email
user.76228@example.cl
URL de respuesta (responseUrl)
http://proyecto-ejemplo-node.transbankdevelopers.cl/oneclick-mall/finish
Por último, con la respuesta del servicio que confirma la creación de la transacción, procedemos a crear el formulario de pago. Para fines de este ejemplo, haremos visible el campo "TBK_TOKEN", el cual es esencial para completar el proceso de pago de manera exitosa.Antes de continuar al formulario de Webpay, asegúrate de contar con los datos de las tarjetas de prueba que están en la documentación.
Formulario de redirección
Token
tbk info blueEl token generado en esta aplicación se renueva automáticamente cada 5 minutos.
¿Tienes alguna duda de integración?
Escríbenos por slack
Escríbenos por slackÚnete a nuestra comunidad de integradores. Nuestro equipo está ahí para ayudarte
Envíanos un mensaje
Envíanos un mensajeNecesitas resolver algún tipo de incidencia, contáctanos a través de correo electrónico