Generador de Comprobantes DaviPlata

Edita los campos y previsualiza el comprobante en tiempo real. La fecha y hora se actualizan automaticamente a la hora colombiana.

Campos dinamicos

API Endpoint: GET/POST /api/recibo

Envia los campos como query params (GET) o JSON body (POST) para obtener el HTML renderizable.

Previsualizacion

430 x 932 px (tamano iPhone 15 Pro Max)

Uso desde Node.js (Puppeteer)

import puppeteer from 'puppeteer';

async function generarReciboPNG(data) {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();

  const response = await fetch('https://tu-dominio.com/api/recibo', {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify({
      tipo_transaccion: "Pasaste Plata a otro DaviPlata",
      nombre_destinatario: data.nombre,
      telefono_destinatario: data.telefono,
      monto: data.monto,
      cuenta_origen: data.cuenta,
      fecha_transaccion: data.fecha,
      numero_aprobacion: data.aprobacion,
      costo_transaccion: data.costo
    })
  });

  const html = await response.text();
  await page.setContent(html, { waitUntil: 'networkidle0' });
  await page.setViewport({ width: 430, height: 932 });

  const screenshot = await page.screenshot({
    type: 'png',
    clip: { x: 0, y: 0, width: 430, height: 932 }
  });

  await browser.close();
  return screenshot;
}