Si usted es un desarrollador web que necesita imprimir recibos, etiquetas u otros documentos de su aplicación web, es posible que haya encontrado algunos desafíos con los métodos de impresión tradicionales. Por ejemplo, es posible que tenga que lidiar con diferentes controladores de impresora, configuraciones, formatos, márgenes o problemas de compatibilidad. Además, es posible que tenga que confiar en plugins o extensiones de terceros que podrían no ser seguros o fiables.
Afortunadamente, hay una solución simple y potente para la impresión directa desde el navegador a la impresora térmica. Se llama Recta Host, y en este artículo, te mostraremos cómo descargarlo y usarlo para tus necesidades de impresión.
Recta Host es un software de escritorio que actúa como un puente entre su navegador y su impresora térmica. Utiliza Websocket para comunicarse con su aplicación web y enviar comandos a su impresora. Soporta varias características tales como texto, imágenes, códigos de barras, códigos QR, cortadores, cajones de dinero, y más.
Recta Host se basa en electrón, un framework que permite crear aplicaciones de escritorio utilizando tecnologías web como HTML, CSS y JavaScript. También usa node-usb, una biblioteca que proporciona acceso a dispositivos USB usando Node.js.
Si está desarrollando una aplicación web que requiere funcionalidad de impresión, como un sistema de punto de venta (POS), un sistema de gestión de inventario o una plataforma de comercio electrónico, puede beneficiarse del uso de Recta Host. Con Recta Host, puedes:
Hay dos maneras de obtener Recta Host en su computadora. Puede descargar el instalador o compilarlo desde la fuente.
Si desea descargar el instalador , puede encontrar la última versión en la página de lanzamiento de GitHub. Puede elegir el instalador para su plataforma (Windows, Linux o Mac) y ejecutarlo. El instalador lo guiará a través del proceso de instalación y creará un acceso directo para Recta Host en su escritorio.
Si desea compilar Recta Host desde el origen, necesita tener algunas herramientas de compilación y dependencias instaladas en su sistema. Puede seguir las instrucciones del repositorio de GitHub para instalarlos. Luego, puede usar npm para instalar Electron Forge, una herramienta para crear aplicaciones de electrones. Después de eso, puede usar npm para instalar las dependencias y compilar Recta Host. Encontrará su instalador en la carpeta out/make.
Si está usando Windows, necesita instalar un controlador para su impresora térmica que soporte la interfaz WinUSB. Esto permitirá a Recta Host comunicarse con su impresora utilizando la biblioteca node-usb. Puede usar Zadig, una herramienta que puede instalar controladores USB genéricos, para hacer esto.
Para instalar el controlador WinUSB usando Zadig, debe seguir estos pasos:
Ahora ha instalado el controlador WinUSB para su impresora y puede usar Recta Host con él.
Antes de poder usar Recta Host con su aplicación web, necesita crear una APPKEY y configurar el puerto para su impresora. El APPKEY es un identificador único que se utiliza para autenticar su aplicación web con Recta Host. El puerto es el número que se utiliza para comunicarse con Recta Host a través de Websocket.
Para crear una APPKEY y configurar el puerto para su impresora, debe seguir estos pasos:
Para usar Recta Host en su aplicación web, necesita incluir la biblioteca Recta en su código HTML. La biblioteca Recta es un archivo JavaScript que proporciona la API de Recta para imprimir desde el navegador. Puede descargar la biblioteca Recta desde el repositorio de GitHub o usar un enlace CDN para cargarla.
Después de incluir la biblioteca Recta, necesita crear un objeto Recta con su APPKEY y puerto. El objeto Recta es la interfaz principal para comunicarse con Recta Host y enviar comandos a su impresora. Puede crear un objeto Recta usando la siguiente sintaxis:
var recta = new Recta(APPKEY, PORT);Donde APPKEY es la APPKEY que creó y configuró en Recta Host, y PORT es el puerto que configuró en Recta Host. Por ejemplo:
var recta = new Recta('1234567890', 3000);Ahora ha incluido la biblioteca Recta y ha creado un objeto Recta con su APPKEY y puerto y puede usar la API Recta para imprimir desde el navegador.
La API de Recta es un conjunto de métodos y propiedades que puede utilizar para imprimir texto, imágenes, códigos de barras, códigos QR, cortadores, cajones de dinero y otras características del navegador. Puede usar la API de Recta llamando a los métodos del objeto Recta que creó. Por ejemplo:
recta.print('Hello World!'); // prints Hello World! La API de Recta sigue los comandos ESC/POS, que son un estándar para controlar impresoras térmicas. Puede encontrar más información y ejemplos de los comandos ESC/POS en el repositorio de GitHub. También puede encontrar más información y ejemplos de la API de Recta en la wiki de GitHub.
Aquí hay una tabla que resume algunos de los métodos y propiedades comunes de la API de Recta:
En este artículo, le hemos mostrado cómo descargar y usar Recta Host para la impresión directa desde el navegador a la impresora térmica. Hemos explicado qué es Recta Host y por qué lo necesita, cómo descargarlo de GitHub o compilarlo desde el origen, cómo instalar el controlador WinUSB para su impresora (solo Windows), cómo crear una APPKEY y configurar el puerto para su impresora, Cómo incluir la biblioteca Recta en su aplicación web y crear un objeto Recta con su APPKEY y puerto, y cómo usar la API Recta para imprimir texto, imágenes, códigos de barras, códigos QR, cortadores, cajones de dinero y otras características.
Recta Host es una solución simple y potente que puede ahorrarle tiempo y molestias al imprimir desde aplicaciones web. Es rápido, confiable, seguro, compatible y fácil de usar. Es compatible con varias plataformas, navegadores, impresoras y características. También es de código abierto y de uso gratuito.
Esperamos que este artículo le haya ayudado a entender cómo descargar y usar Recta Host para la impresión directa desde el navegador a la impresora térmica. Si tiene alguna pregunta o comentario, no dude en contactarnos o dejar un comentario a continuación. Nos encantaría saber de usted y ayudarle con sus necesidades de impresión.
Gracias por leer y feliz impresión!
La impresión directa desde el navegador tiene varias ventajas sobre los métodos de impresión tradicionales. Algunos de ellos son:
Recta Host soporta las siguientes plataformas e impresoras:
Si encuentra algún problema o error con Recta Host, puede probar los siguientes pasos:
Si ninguno de estos pasos resuelve su problema, puede reportarlo en el rastreador de problemas de GitHub. Proporcione tanta información como sea posible, como su plataforma, navegador, modelo de impresora, mensaje de error, registro de consola, fragmento de código, etc. Haremos todo lo posible para ayudarlo a solucionarlo.
Si desea obtener más información sobre Recta Host y ver algunos ejemplos de cómo usarlo en su aplicación web, puede visitar los siguientes recursos: