04. Transbank Webpay Plus¶

← Volver a la tabla · Ver esta guía .md en GitHub

El mismo caso en tres formatos¶

Formato	Para qué sirve	Enlace
Markdown	Fuente única, revisable en GitHub.	Abrir fuente .md
HTML	Página generada automáticamente para navegar.	Abrir en GitHub Pages
PDF	Manual descargable; el índice lleva a este caso.	Abrir PDF en este caso

Los tres muestran el mismo catálogo. Markdown es la fuente; HTML y PDF son salidas generadas y verificadas.

En una frase¶

Sirve para: Tarjetas en Chile mediante checkout alojado.

Modelo mental: Tu web crea una transacción, el cliente paga en Transbank y tu backend confirma el token al retornar.

Ejemplo concreto¶

Situación

Una persona compra entradas por $19.990. Tu backend crea la transacción, Transbank procesa la tarjeta y sólo el commit del backend permite confirmar la orden.

Detrás de la pantalla

Backend crea transacción Webpay y guarda token. Cliente paga en Transbank y vuelve al comercio.

Se acepta como pagado cuando

Backend ejecuta commit una sola vez; status recupera timeout. Después: Reporte Transbank se concilia con ledger y banco.

No confundas estas tres cosas¶

Lo que ocurre	Lo que significa	Lo que NO significa
El usuario vuelve a tu web	Terminó la experiencia del navegador	Que el dinero esté confirmado
El proveedor autoriza/confirma	Existe evidencia operativa del proveedor	Que el abono bancario ya esté conciliado
El reporte y el ledger cuadran	Puedes explicar el cierre financiero	Que nunca pueda existir devolución o disputa

Quién participa¶

Cliente
Frontend del comercio
Backend del comercio
PSP/adquirente/red
Banco emisor
Operaciones y conciliación

Recorrido completo, paso a paso¶

Etapa	Qué ocurre	Pregunta de control
1. Inicio	Backend crea transacción Webpay y guarda token.	¿Existe una referencia propia, monto, moneda y expiración?
2. Proceso	Cliente paga en Transbank y vuelve al comercio.	¿Qué sistema externo puede producir el efecto financiero?
3. Confirmación	Backend ejecuta commit una sola vez; status recupera timeout.	¿La evidencia viene de una API, webhook, banco o archivo autoritativo?
4. Cierre	Reporte Transbank se concilia con ledger y banco.	¿Ledger, proveedor y banco pueden explicar el mismo resultado?

flowchart LR A["Inicio Backend crea transacción Webpay y guarda token."] --> B["Proceso Cliente paga en Transbank y vuelve al comercio."] B --> C["Confirmar Backend ejecuta commit una sola vez; status recupera timeout."] C --> D["Cerrar Reporte Transbank se concilia con ledger y banco."] B -.-> U["Sin respuesta UNKNOWN"] U -.-> R["Consultar misma referencia no duplicar"] R -.-> C

Qué ocurre si falla¶

Fallo característico: Retorno sin commit no prueba pago; UNKNOWN se consulta.

Regla operativa: un timeout no equivale a rechazo. Conserva la operación como UNKNOWN, consulta mediante la misma referencia y permite un nuevo intento sólo cuando puedas demostrar que el anterior no produjo efecto.

Escenarios que debes probar:

Happy path con montos mínimos, normales y límites documentados.
Rechazo, cancelación del usuario, expiración y retorno del navegador manipulado.
Timeout antes y después de enviar, webhook tardío, duplicado y fuera de orden.
Refund total/parcial cuando aplique y conciliación con una diferencia intencional.
Prueba end-to-end en sandbox/certificación con credenciales separadas; producción solo después de aprobar el checklist.

Cómo llevarlo a una aplicación real¶

Primer incremento de desarrollo:

Crear transacción REST en backend.
Redirigir al formulario alojado.
Ejecutar commit una sola vez y consultar ante timeout.

Evidencia para considerarlo exitoso: Token confirmado por commit/status y conciliado con el reporte del comercio.

Construcción concreta: Contrato Transbank + REST Webpay + callback + credenciales separadas.

Lenguaje, API y almacenamiento¶

Capa	Recomendación para este laboratorio	Responsabilidad
Frontend	TypeScript + HTML/CSS. El navegador presenta el checkout y recibe el retorno; no guarda secretos.	Experiencia; nunca secretos.
Backend	Python 3.11+ con FastAPI para este laboratorio. Node.js/TypeScript, Java, .NET o Go son equivalentes si el equipo los opera mejor.	Orden, autenticación, idempotencia y estados.
API/canal	REST Webpay Plus: create → redirección alojada → commit en backend → status/refund.	Comunicar con proveedor o rail.
Datos	PostgreSQL para intents, eventos, idempotencia y ledger; Redis solo para cache/locks, nunca como libro contable.	Evidencia, ledger y auditoría.
Operación	Docker, gestor de secretos, logs estructurados, métricas, alertas y job de conciliación.	Despliegue, observabilidad y recuperación.

Tecnologías del catálogo: rest-json, redirect, tls

Operaciones cubiertas: webpay-plus-create, commit, status, refund

Alta, contrato y costo¶

Dónde comenzar: Crear la integración con credenciales de integración de Transbank; para LIVE, contratar Webpay y completar puesta en producción.
Costo: El laboratorio cuesta $0. La tarifa real depende del contrato del comercio: consultar la oferta vigente de Transbank antes de decidir.
Decisión: Usa Transbank Webpay Plus solo si su cobertura, experiencia, reversibilidad y conciliación resuelven tu caso; compara al menos dos proveedores antes de LIVE.

Variables y callbacks¶

Variable	Obligatoria	Tratamiento	Propósito
`PAYLAB_HOST`	No	No secreta	Interfaz local. Solo se aceptan direcciones loopback.
`PAYLAB_PORT`	No	No secreta	Puerto del portal localhost.
`PAYLAB_CONFIG_DIR`	No	No secreta	Directorio alternativo para catálogo y guías.
`TRANSBANK_COMMERCE_CODE`	Sí	No secreta	Identificar el comercio Webpay.
`TRANSBANK_API_KEY`	Sí	Secreta	Autenticar la API Webpay.
`TRANSBANK_BASE_URL`	Sí	No secreta	Separar explícitamente integración y producción.

Callbacks previstos:

/payments/webpay/return

GitHub Pages nunca usa estas variables. Configúralas únicamente en localhost, CI protegido o el secret manager del backend.

Orden recomendado de implementación¶

Crear una orden/intención propia en el backend y fijar monto, moneda, comercio y expiración.
Enviar al proveedor desde el backend con credencial secreta e idempotency key; persistir referencia y request seguro.
Entregar al frontend solo el token, QR o URL de redirección de alcance mínimo.
Tratar el retorno del navegador como experiencia, no como prueba de pago; confirmar por API/webhook.
Validar y deduplicar el webhook, aplicar una máquina de estados monotónica y contabilizar una sola vez.
Consultar operaciones UNKNOWN y conciliar diariamente contra proveedor/banco; gestionar refunds y disputas.

Seguridad de datos¶

El monto, moneda, beneficiario y referencia nacen o se validan en el backend; nunca se confía en el navegador.
Secretos en un gestor de secretos, rotación y mínimo privilegio; jamás en JavaScript, Git o logs.
TLS, validación de firma/origen de webhooks, deduplicación persistente e idempotency key por operación.
Minimizar datos: almacenar tokens y referencias del proveedor, no PAN, CVV, claves ni credenciales bancarias.
Cifrado en reposo, control de acceso, trazabilidad y política de retención/borrado.

Ventajas y desventajas¶

Ventajas¶

Checkout alojado y reconocimiento local en Chile.
El comercio no captura datos de tarjeta.

Desventajas¶

Redirección fuera de tu sitio.
Contrato, validación productiva y dependencia operativa del proveedor.

Checklist antes de LIVE¶

[ ] Contrato y cuenta comercial aprobados; costos y plazos confirmados directamente con el proveedor.
[ ] Credenciales productivas separadas, callbacks HTTPS públicos, dominios permitidos y rotación documentada.
[ ] Alertas, runbook, soporte, refund/disputa y conciliación ensayados con responsables definidos.
[ ] Piloto con límites y monitoreo reforzado; rollback que detiene nuevas operaciones sin perder evidencia.

Qué demuestra el DEMO y qué no¶

El DEMO permite observar el recorrido de Transbank Webpay Plus, incluyendo éxito, timeout recuperado, evento duplicado y diferencia de conciliación. No contacta al proveedor, no valida credenciales, no certifica cumplimiento y no mueve dinero.

Fuentes¶

Abrir Transbank Webpay Plus en la tabla · Configurar localhost