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
- Comienza por importar la librería Oneclick en tu proyecto.
- Luego, inicia una inscripción utilizando las funciones proporcionadas mediante el SDK.
var inscription = MallInscription.buildForIntegration(commerceCode, apiKey);
var resp = inscription.Start(username, email, responseUrl);
Paso 2: Respuesta
Una vez que hayas iniciado la inscripción, aquí encontrarás los datos de respuesta generados por el proceso.
{
"Token": "01ab33c85f2ad92ec358e28c662e70340f71f0f82a2b3ab5905beb10e1b8ca1d",
"Url": "https://webpay3gint.transbank.cl/webpayserver/bp_multicode_inscription.cgi",
"OriginalRequest": {
"username": "User-443",
"email": "user.952@example.com",
"response_url": "http://proyecto-ejemplo-net.transbankdevelopers.cl/oneclick-mall/finish"
},
"OriginalResponse": {
"token": "01ab33c85f2ad92ec358e28c662e70340f71f0f82a2b3ab5905beb10e1b8ca1d",
"url_webpay": "https://webpay3gint.transbank.cl/webpayserver/bp_multicode_inscription.cgi"
}
}
Paso 3: Creación del formulario
Utiliza estos datos de respuesta para redireccionar al usuario al formulario de inscripción del Tarjetahabiente. Este formulario será la interfaz a través de la cual el usuario completará su inscripción.
<form action="https://webpay3gint.transbank.cl/webpayserver/bp_multicode_inscription.cgi" method="POST">
<input type="hidden" name="TBK_TOKEN" value="01ab33c85f2ad92ec358e28c662e70340f71f0f82a2b3ab5905beb10e1b8ca1d" />
<input type="submit" value="Inscribir" />
</form>
Ejemplo
Para llevar a cabo una inscripción en nuestro sistema, primero debemos crearla. Utilizaremos los siguientes datos para configurar la inscripción:
Por último, con la respuesta del servicio que confirma la creación de la inscripción, procedemos a crear el formulario de redirección. Para fines de este ejemplo, haremos visible el campo "TBK_TOKEN", el cual es esencial para completar el proceso de inscripción 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