Giter Site home page Giter Site logo

chrome-raw-print's Introduction

Raw printing for Chrome

Chrome Apps are being discontinued by Google in 2018, so this project will no longer be actively developed. At the time of writing, neither WebUSB nor raw sockets can be used from regular web pages, so you will need to transition to a native app for this functionality once the runtime becomes unavailable.

Thank you to everybody who has used or contributed to this app over the past year and a half!


This is a Chrome app to allow browser-based Javascript code to pass raw data to a supported printer. It is aimed at developers of web-based point-of-sale systems where server-side printing is not feasable.

This has been developed for use with a USB receipt printer, with an ESC/POS command generator (escpos-php) providing the binary data.

The problem

It can be difficult to add printing to a web-based point-of-sale system:

  • The local print system does not use raw output, so you get low-quality, rasterised output.
  • Allowing inbound connectivity to allow a server to print requires a static IP, and is challenging to secure and debug.

This app solves the problem by exposing a websocket on localhost. A web-page can then retrieve binary print data from the server, and pass it to the app for printing.

Compatibility

Printer types

Only USB receipt printers are currently supported.

  • Networked printers may be supported in future.
  • Serial/Parallel printers may be accessed via a USB adaptor.
  • CUPS/IPP/Windows shared printers are out of scope at this stage, please hook in directly via USB.

Supported printers

Raw printing for Chrome is loaded with vendor/product ID's for the following printers:

  • Epson TM-T20
  • PL2305 Parallel Port
  • Winbond Virtual Com Port.

If your USB printer is not listed, please create a new issue to request support. Because of the way Chrome app permissions work, please include the USB vendor ID and product ID.

Page Description Languages

This app is simply a connector. In theory, any page description language is supported, provided that you are able to generate it, and your printer can understand it.

Installation

This application is not yet available in the Chrome store, so the installation steps are a bit unusual:

  • Download and extract the most recent release.
  • Under chrome://extensions, tick developer mode, and 'load unpacked extension', and locate the extracted folder.

screenshot

  • Launch the extension, select your printer
  • If not listed, find the USB product, vendor ID, add it to manifest.md, and restart.
  • Click print
  • If it doesn't print, check the error log and see the notes displayed on the app window for the basic things to check.
  • In particular, unload the usblp kernel module if applicable, as it will claim the USB interface to the printer.

Demo

A small example web-page available under example/, which will print a "Hello World" receipt in ESC/POS if the raw printing app is running, with an ESC/POS printer configured. Steps to try it out:

  • Run the app
  • Add a printer
  • Open the example web page
  • Click a few buttons and hope for output.

This was tested on an Epson TM-T20.

Build

yarn
gulp

The chrome-raw-print subfolder contains the compiled files.

Contribute

Pull requests are welcome and appreciated. This project is quite new, please see the issue tracker for ideas of things to work on.

Screenshot

screenshot

chrome-raw-print's People

Contributors

mike42 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.