El título es totalmente correcto: en este post te enseñaré a imprimir tickets, recibos o facturas en una impresora térmica usando JavaScript del lado del cliente incluso si tu página web o aplicación está en un servidor en la nube.
Como sabemos, imprimir un ticket con JavaScript es posible, pero difícil para el usuario final, pues tiene que seleccionar la impresora y confirmar la impresión.
Otra desventaja de imprimir con JavaScript sin plugin es que no podemos cortar el papel, abrir el cajón o cosas de esas.
Por eso es que he creado la solución al problema y vengo a exponerla. Y no, no es una broma ni un post engañoso.
English version here.
El plugin presentado aquí permite imprimir texto, texto con acentos, imágenes, códigos de barras y QR, cambiar la alineación, tamaño de fuente, imprimir imágenes, cortar el papel, abrir el cajón y muchas cosas más.
Si quieres imprimir un ticket en una impresora térmica desde JavaScript y la impresora térmica está conectada por USB entonces mira el siguiente post:
Eso te servirá para imprimir desde cualquiera de las 3 plataformas que mencioné anteriormente, además de que podrás usar varios lenguajes aparte de JavaScript (como Python, Java y cualquier otro que hable HTTP).
Si por el contrario tú tienes una impresora térmica pero conectada por Bluetooth entonces mira el plugin para Android, desde el cual podrás imprimir usando JavaScript y Java:
Hoy te voy a presentar un creador de credenciales que acabo de programar y que…
Ya te enseñé cómo convertir una aplicación web de Vue 3 en una PWA. Al…
En este artículo voy a documentar la arquitectura que yo utilizo al trabajar con WebAssembly…
En un artículo anterior te enseñé a crear un PWA. Al final, cualquier aplicación que…
Al usar Comlink para trabajar con los workers usando JavaScript me han aparecido algunos errores…
En este artículo te voy a enseñar cómo usar un "top level await" esperando a…
Esta web usa cookies.
Ver comentarios
Como se haria en flutterWeb?
Sería cuestión de invocar al plugin que escucha en localhost, ya sea para móviles o escritorio
Hola buenos días estoy trabajando con la v1 y no encuentre el conector.exe de esta version para descargar podrias volverlo a subir. probe con la v3 y no me anda
Buenos días. El conector v3 y plugin v3 son los únicos disponibles por el momento.
Saludos
Buenas tardes no puedo hacer jalar que me muestre las impresoras. Ya trabajaba con la versión 2 y todo muy bien. El error está aquí:
if (ruta) ConectorPlugin.URL_PLUGIN_POR_DEFECTO = ruta;
const response = await fetch(ConectorPlugin.URL_PLUGIN_POR_DEFECTO + "/impresoras")
La ruta es de donde está instalado el plugin? No corre desde el lado del usuario como la versión 2?
Me gustaría me dieras el precio de la licencia de tu plunig por un año
Hola. Solo hay que multiplicar 12 * el costo de la licencia por mes.
Saludos!
Buenas tardes. Si trabajaba con la versión 2, ¿por qué comenta el post de la versión 1?
Por otro lado, la versión 2 ya solo está pero como código fuente. Le recomiendo probar la versión 3 que sigue siendo gratuita y permite más cosas que la versión del post actual: https://parzibyte.me/blog/2022/09/30/comunicar-javascript-impresora-termica-usando-plugin-v3/
Es una lastima, intento imprimir desde una aplicacion hta, y aunque con java puro la impresion funciona bien en los navegadores, en hta no funciona bien, me ilusiono esta solucion, porque la versión 1 tiene ejemplos sobre ie-11 que es posible que funcionen en hta, pero ni la version 1 ni la version 2 funcionan para mi impresora en htlm, parece que imprime y no da error, pero al rato de espera sin obtener ningun caracter escrito dan error de comunicación en el driver de la impresora. La impresora no es de tiquets, es de etiquetas con papel continuo. Brother QL-700
El plugin (como el título lo dice) es para impresoras térmicas, no de etiquetas.
Saludos!
Buenas, al comprar el premium que ventajas tengo? y por donde puedo hacer la compra?
Muchas gracias.
Encontrará toda la información en https://parzibyte.github.io/plugin-ticket-js
Saludos!
Hola. Sigo probando tu plugin y necesitaria abrir el cajón de monedas. (tengo uno para probarlo).
¿podrias por favor dejarme un código de ejemplo, para probar?
Probe con impresora.pulse();, pero pulse no aparece como function
Hola. Puede invocar al método cash: https://github.com/parzibyte/plugin-ticket-js/blob/master/Impresora.js#L86
Saludos :)
Estimado.
Tu código esta muy genial y lo he estado probando con la impresora térmica EPSON, pero lo que no he podido lograr es poder enviar el comando de corte, tu has podido realizar el corte con estas impresoras?.
Agradeceria enormemente tu ayuda.
Hola. No cuento con ese modelo de impresora así que no podría decirle.
Saludos :)
Hola. Estoy practicando con tu plugin, con el software que adjuntas, puedo hacer pruebas correstas, pero en el apartado "Imprimir indicando nombre de la impresora", no me imprime y consola me saca estos errores. ¿ como se solucionan?
-Solicitud desde otro origen bloqueada: la política de mismo origen impide leer el recurso remoto en http://localhost:8000/imprimir_en (razón: falta la cabecera CORS 'Access-Control-Allow-Origin').
-Uncaught (in promise) TypeError: NetworkError when attempting to fetch resource.
Hola. Tengo un par de dudas:
1-Es compatible el plugin con una impresora wifi? o solo funciona con impresoras conectadas por cable?
2-Si compro la version premium, es posible que me liberes el source code completo del plugin?
3-Quiero usar varias impresoras, todas de la misma marca y modelo, funcionaria el plugin con todas o solo con la que esta como predeterminada?
Hola. A continuación respondo sus dudas:
1- Solo por cable
2- No, no es posible
3- La librería ofrece el método "imprimirEnImpresora" por lo que usted podría imprimir en cualquier impresora especificando el nombre, siempre y cuando la impresora funcione correctamente
Saludos :)
Hola, hay posibilidad de crear solo los estilos para utilizarlos en Web Apps o aplicaciones desde un celular con impresoras térmicas portátiles?
Por ejemplo para una app sencilla realizada en React y que debe imprimir desde el celular.
La conexión de la impresora portátil se realiza por bluetooth con la mayoría de aplicaciones que hay en la app store y los celulares la reconocen sin problemas, pueden imprimir cualquier cosa, incluso un pdf o cualquier web (aunque se ve muy pequeño).
El inconveniente es el formato final, como se podrían crear estilos para dar formato a la impresión de una factura creada en la pagina web?
Gracias y saludos.
Hola. Para esos casos, el plugin no le serviría, pues solo se puede ejecutar en Windows. Podría funcionar llamando a la API en la PC en donde el plugin se ejecuta, a través de la LAN. O puede, como alternativa, imprimir el ticket con HTML y JavaScript puro: https://parzibyte.me/blog/2018/01/22/imprimir-contenido-div-html-javascript/
Saludos cordiales :)