En este paso crearemos la transacción con el objetivo de obtener un identificador unico y poder en el siguiente paso redirigir al Tarjetahabiente hacia el formulario de pago
Para comenzar debes importar WebpayPlus
y luego crear una transacción mall.
Puedes incluir una o más transacciones en una misma operación, para ello debes crear un arreglo de TransactionDetail
. Si incluyes más de una transacción, el monto a cobrar será el total de los montos de las transacciones.
Si quieres saber más sobre TransactionDetail
puedes ver la documentación aquí.
const WebpayPlus = require('transbank-sdk').WebpayPlus; // ES5
const TransactionDetail = require("transbank-sdk").TransactionDetail;
import { WebpayPlus } from 'transbank-sdk'; // ES6
immport { TransactionDetail } = require("transbank-sdk").TransactionDetail;
let details = [
new TransactionDetail(162, "597055555536", "O-79741"),
new TransactionDetail(185, "597055555536", "O-74471"),
]
// Es necesario ejecutar dentro de una función async para utilizar await
const createResponse = await (new WebpayPlus.MallTransaction()).create(
buyOrder,
sessionId,
details,
returnUrl
);
{
'token': '01ab7b4c325443c5c4d145a6cbb45216f7d0d4b8c07a4c7b393d15e0010a5034',
'url': 'https://webpay3gint.transbank.cl/webpayserver/initTransaction'
}
Una vez creada la transacción, estos serán los datos de respuesta
Debes utilizar estos datos para crear un formulario
<form action="https://webpay3gint.transbank.cl/webpayserver/initTransaction" method="POST">
<input type="hidden" name="token_ws" value="01ab7b4c325443c5c4d145a6cbb45216f7d0d4b8c07a4c7b393d15e0010a5034"/>
<input type="submit" value="Pagar"/>
</form>
Usando los siguientes datos
Campo | Valor |
---|---|
Orden de compra (buyOrder) | O-39281 |
ID de sesión (sessionid) | S-54291 |
Detalle (details) | Monto: 162 Código de Comercio: 597055555536 Orden de Compra: O-79741 |
Monto: 185 Código de Comercio: 597055555536 Orden de Compra: O-74471 | |
URL de retorno (returnUrl) | http://tbk-node-test.continuumhq.dev/webpay_plus_mall/commit |
Con la respuesta del servicio creamos el formulario, para efectos del ejemplo
haremos el campo token_ws
visible