
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
const WebpayPlus = require('transbank-sdk').WebpayPlus; // ES5
import { WebpayPlus } from 'transbank-sdk'; // ES6
// Es necesario ejecutar dentro de una función async para utilizar await
const createResponse = await (new WebpayPlus.Transaction()).create(
buyOrder,
sessionId,
amount,
returnUrl
);{
'token': '01ab90ff5dfb6ba6d1e8955414b7a62a4eef64056ac21772f3d302fdd1741eda',
'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="01ab90ff5dfb6ba6d1e8955414b7a62a4eef64056ac21772f3d302fdd1741eda"/>
<input type="submit" value="Pagar"/>
</form>Usando los siguientes datos
| Campo | Valor |
|---|---|
| Orden de compra (buyOrder) | O-42181 |
| ID de sesión (sessionid) | S-31521 |
| Monto (amount) | 1110 |
| URL de retorno (returnUrl) | http://node-example.transbankdevelopers.cl/webpay_plus_deferred/commit |
Con la respuesta del servicio creamos el formulario, para efectos del ejemplo haremos el campo token_ws visible