chrome/chromium app: read RFID cards via chome.serial

rich1.0phorkiehttps://p.cweiske.de/chrome/chromium app: read RFID cards via chome.serialChristian Weiske86400900900 <link rel="stylesheet" href="https://p.cweiske.de/css/embed.css"/> <div class="phork" id="109"> <div class="phork-file"> <div class="phork-content"> <div class="document"> How to produce errors: <ul class="simple"> <li>Windows: Disable the COM port in device manager</li> <li>Linux: Remove read rights from device file /dev/ttyS0</li> </ul> </div> </div> <div class="phork-meta"> <a href="https://p.cweiske.de/109/rev-raw/02ebc10c05731ecea593d1e612f14de107640d21/errors.rst" style="float: right">view raw source</a> <a href="https://p.cweiske.de/109#errors.rst">errors.rst</a> </div> </div> <div class="phork-file"> <div class="phork-content"> <style type="text/css">/** * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann * (http://qbnz.com/highlighter/ and http://geshi.org/) */ .javascript .de1, .javascript .de2 {font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;} .javascript {font-family:monospace;} .javascript .imp {font-weight: bold; color: red;} .javascript li, .javascript .li1 {color: #DDD;} .javascript .ln {width:1px;text-align:right;margin:0;padding:0 2px;vertical-align:top;} .javascript .kw1 {color: #000066; font-weight: bold;} .javascript .kw2 {color: #003366; font-weight: bold;} .javascript .kw3 {color: #000066;} .javascript .co1 {color: #006600; font-style: italic;} .javascript .co2 {color: #009966; font-style: italic;} .javascript .coMULTI {color: #006600; font-style: italic;} .javascript .es0 {color: #000099; font-weight: bold;} .javascript .br0 {color: #009900;} .javascript .sy0 {color: #339933;} .javascript .st0 {color: #3366CC;} .javascript .nu0 {color: #CC0000;} .javascript .me1 {color: #660066;} .javascript span.xtra { display:block; } </style><div class="code"><table class="javascript"><tbody><tr class="li1"><td class="ln"><pre class="de1">1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 </pre></td><td class="de1"><pre class="de1">rfidReader = {     webview: null,     connectionId: '',     connected: false,     infoInterval: null,     stringReceived: '',       /**      * Initialize the rfid reader connection and register the onReceive event      *      * @return void      */     init: function() {         var self = this;           window.addEventListener('load', function() {             self.webview = document.getElementById('guestportalWebview');               self.webview.addEventListener("loadstop", function() {                 if (self.connected) {                     return;                 }                   // load all devices                 chrome.serial.getDevices(self.getDevicesCallback);                 chrome.serial.onReceive.addListener(self.onReceiveCallback);             });         });     },       /**      * Convert an array buffer into a string.      *      * @param array data      *      * @return String      */     convertArrayBufferToString: function (data) {         return String.fromCharCode.apply(null, new Uint8Array(data));     },       /**      * Removes not used numbers from the serial readout and trim it.      * This has to be done, otherwise the card id is not usable.      *      * Example:      * 39383431303030313131333036393032 converts to 9841000111306902      *      * @param String result      *      * @return String      */     convertResult: function(result) {         return result.replace(/\d(\d)/g, '$1').replace(/^\s+|\s+$/gm, '');     },       /**      * The callback for fetching the available serial devices.      *      * @param array ports Array of XXX with all available devices      *      * @return void      */     getDevicesCallback: function(ports) {         var path = null;           if (typeof ports === 'undefined') {             rfidReader.showError('No serial devices found.');             return;         } else if  (ports.length === 0) {             if (clientInformation.platform.match(/linux/i)) {                 //we do not get any information about serial devices                 // on linux, so we simply assume there is one                 path = '/dev/ttyS0';             } else {                 rfidReader.showError('No serial devices found.');                 return;             }         } else {             path = ports[0].path;         }           // connect to the first serial device         chrome.serial.connect(path, {bitrate: 19200}, function(connectionInfo) {             if (typeof connectionInfo === 'undefined') {                 rfidReader.showError('Cannot access serial device.');                 return;             }             rfidReader.connectionId = connectionInfo.connectionId;             rfidReader.connected = true;         });     },       /**      * The callback for fetching the data sent by the serial reader.      *      * @param object info The readout from the serial port      *      * @return void      */     onReceiveCallback: function(info) {         if (info.connectionId == rfidReader.connectionId && info.data) {             var str = rfidReader.convertArrayBufferToString(info.data);               if (str.charAt(str.length-1) === "\n") {                 rfidReader.stringReceived += str.substring(0, str.length-1);                 rfidReader.stringReceived = rfidReader.convertResult(rfidReader.stringReceived);                   if (rfidReader.stringReceived === '') {                     console.log('received an empty string');                     return;                 }                   // send the retreived data to the webview content                 rfidReader.webview.contentWindow.postMessage({cardId: rfidReader.stringReceived}, '*');                 rfidReader.stringReceived = '';             } else {                 rfidReader.stringReceived += str;             }         }     },       showError: function(message) {         console.error(message);         document.getElementById('error').appendChild(document.createTextNode(message));         document.getElementById('error').style.display = 'block';     } };   rfidReader.init();  </pre></td></tr></tbody></table></div> </div> <div class="phork-meta"> <a href="https://p.cweiske.de/109/rev-raw/02ebc10c05731ecea593d1e612f14de107640d21/rfidReader.js" style="float: right">view raw source</a> <a href="https://p.cweiske.de/109#rfidReader.js">rfidReader.js</a> </div> </div> </div>