Facturas y recibos
Herramientas para pequeños negocios, apps de reservas y marketplaces: el cliente o la tienda imprime la factura que tu backend ya genera.
Lo que la gente imprime desde las apps
Entradas, etiquetas y acreditaciones
Entradas para eventos, etiquetas de envío, acreditaciones con nombre, pases de check-in con código QR. Genéralos como PDF en el tamaño de papel adecuado e imprímelos con dos toques.
Informes, fichas y recetas
Informes semanales, fichas escolares, planes de entrenamiento, recetas y listas de comprobación que la gente todavía quiere en papel o como un PDF bien presentado.
Certificados y confirmaciones
Certificados de cursos, confirmaciones de reserva y acuerdos firmados, impresos o guardados como PDF directamente desde la pantalla en la que el usuario los ve.
Prompt para Base44
Pega esto en Base44 para implementar la parte de la web app. Revisa el resultado, publica y luego prueba dentro de la app WebViewGold.
Prompt para pegar en Base44
Añade impresión nativa de facturas en nuestra app móvil (envoltorio WebViewGold). 1) Crea una función de backend generateInvoicePdf(invoiceId) que construya un PDF de la factura (A4 o Carta), lo guarde con la subida de archivos integrada y almacene la URL del archivo en un campo print_url de la entidad Invoice. 2) Asegúrate de que el archivo guardado se pueda abrir sin iniciar sesión, o devuelve un enlace que sea válido durante poco tiempo. 3) En la página de la factura, añade un botón Imprimir. 4) Cuando navigator.userAgent contenga WebViewGold, llama a generateInvoicePdf si print_url está vacío y después asigna a window.location.href "printitem://?jobName=" + encodeURIComponent("Factura " + invoice.number) + "&printItem=" + print_url. 5) En un navegador normal, abre print_url en una pestaña nueva en su lugar. 6) Vuelve a generar el PDF cada vez que cambie la factura y muestra un mensaje de carga mientras se crea.
¡Gran trabajo! Nunca tuve que usar código para nada, pero logré trabajar con esto y tener mi App lista. ¡Fácil y rápido! ¡También con gran ayuda de los creadores!
Añade un botón de imprimir que funcione
Alrededor de una hora, casi toda para la plantilla del PDF.
Genera un archivo imprimible
Genera la factura, la entrada o el informe como PDF (o PNG/JPG) en el servidor, en el tamaño del papel que esperas: Carta o A4, una etiqueta de 4 × 6 pulgadas, una entrada. En Android, las imágenes se escalan para ajustarse a la página.
Haz que la URL sea accesible sin inicio de sesión
La app descarga ella misma el archivo de
printItem, y la documentación exige que esa URL sea accesible públicamente desde el dispositivo. Usa un enlace firmado de corta duración y mantenlo libre de&y#, por ejemplohttps://app.yourdomain.com/print/8f3a2c.pdf.Llama a printitem:// desde el botón
Navega a
printitem://?jobName=Factura%20%23123&printItem=https://…/invoice.pdf.printItemes obligatorio;jobNamees opcional y debe ir codificado para URL (sin él, Android muestra "Print Job"). DejaprintItemal final, como en la documentación.Conserva la vía del navegador
Detecta la app mediante el user agent personalizado que configuraste en WebViewGold. En un navegador normal, mantén
window.print()o abre el PDF para que su visor lo imprima.Prueba con una impresora y con Guardar como PDF
Imprime un PDF de varias páginas y una imagen en iPhone y en Android, y prueba Guardar como PDF. Revisa los márgenes, los saltos de página y el nombre del trabajo en la cola de impresión.
Un helper de impresión para app y navegador
El helper pide a tu servidor una URL de archivo de corta duración y elige la vía correcta. En tu app de Base44, la ruta del PDF va en: Entidades integradas de Base44 (base de datos), almacenamiento de archivos y funciones de backend.
javascript
var IN_APP = navigator.userAgent.indexOf("WebViewGold") !== -1; // tu token de user agent personalizado
async function printInvoice(invoiceId) {
// el servidor genera un PDF y devuelve un enlace de corta duración accesible públicamente
var res = await fetch("/api/invoices/" + invoiceId + "/print-link", { method: "POST" });
var link = (await res.json()).url; // p. ej. https://app.yourdomain.com/print/8f3a2c.pdf
if (IN_APP) {
var job = encodeURIComponent("Factura " + invoiceId);
window.location.href = "printitem://?jobName=" + job + "&printItem=" + link; // printItem al final
} else {
window.location.assign(link); // navegador: el visor de PDF lo imprime
}
}Conviene saberlo antes de publicar
- Imprimir en sí no muestra ninguna solicitud de permiso. El archivo se guarda temporalmente en caché en el dispositivo; en Android se elimina en cuanto el trabajo entra en la cola.
- Las impresoras de tickets Bluetooth que no admiten ni AirPrint ni el servicio de impresión de Android no están cubiertas: necesitan el SDK del fabricante, lo que implica una integración nativa a medida.
- No incluyas datos personales en los nombres de archivo ni en los nombres de trabajo; las colas de impresión y los registros de las impresoras los conservan.
- La impresión es una función nativa creíble para apps de negocio (facturas, entradas, etiquetas). Inclúyela en las notas de revisión junto con tus otras funciones nativas; por sí sola no basta como argumento frente a la Directriz 4.2.
Preguntas frecuentes
¿Por qué window.print() no hace nada en la app?
Los WebViews de las apps no implementan el comando de impresión del navegador como Safari y Chrome, así que la llamada no suele tener ningún efecto. printitem:// entrega en su lugar un archivo al sistema de impresión nativo, que además gestiona los PDF de varias páginas de forma más fiable.
¿Pueden los usuarios guardar un PDF en lugar de imprimir?
Sí. Android ofrece Guardar como PDF en el diálogo de impresión, y en iOS los usuarios pueden guardar o compartir el documento desde las opciones de impresión. Mucha gente usa justo eso para archivar facturas.
¿Puedo imprimir la pantalla que está viendo el usuario?
printitem:// imprime un archivo desde una URL. Genera esa vista como PDF en el servidor (la mayoría de los stacks tienen una biblioteca de PDF o un navegador headless para esto) y pasa el enlace; además, en papel queda mejor que el diseño web.
¿El archivo tiene que ser público?
Tiene que ser accesible desde el dispositivo sin tu inicio de sesión. Un enlace firmado que caduca a los pocos minutos lo consigue sin exponer las facturas de forma permanente.
Tres formas de llevar tu app a las tiendas
El mismo resultado, con distinta cantidad de trabajo por tu parte. Las tres incluyen la garantía de aprobación y soporte humano 24/7.
Hazlo tú mismo
$109 por plataforma, pago único
La licencia de WebViewGold: un proyecto de Xcode o Android Studio listo para usar. Pega tu URL, define nombre e icono, activa funciones, compila y envía. Actualizaciones gratuitas para siempre.
Ver planes en la página principalCloud Builder
$349 por licencia, complemento de pago único
Sin Mac, sin Xcode, sin Android Studio: configura en el navegador, compilamos ambas apps en la nube y las entregamos a App Store Connect y a Play Console.
Cómo funciona el Cloud Builder Prueba la demo gratuitaFull Service
$698 por plataforma $798
Envíanos tu URL y tu icono. Nuestro equipo configura, compila y entrega tu app en 72 horas, en marca blanca y con los proyectos fuente. Ambas plataformas por $1,158.
Detalles del Full Service Con tecnología de
Precios de la Oferta de invierno válidos hasta el 31 de diciembre de 2026.