Come leggere i dati della porta seriale da JavaScript

Question

Ho collegato un Arduino al mio laptop tramite USB, e posso leggere i dati seriali usando Processing.

C'è un modo per ottenere questi dati in tempo reale in un browser web locale? Ad esempio, un campo di testo che mostra il valore dalla porta seriale? Non deve essere connesso a Internet.

La versione JavaScript di Processing non supporta il codice seguente, che sarebbe stata la soluzione ideale.

codice del trattamento è:

myPort = new Serial(this, Serial.list()[0], 9600); 
// read a byte from the serial port 
int inByte = myPort.read(); 
// print it 
println(inByte); 
// now send this value somewhere...? 
// ehm... 

Answer 1

Non v'è alcun modo per accedere direttamente alla macchina locale dal browser web. Per motivi di sicurezza, i browser hanno un accesso molto limitato alle risorse della macchina.

Per fare ciò un'opzione potrebbe essere quella di scrivere un'estensione per il browser di propria scelta. Anche se le estensioni hanno anche una varietà di limitazioni.

L'opzione due sarebbe utilizzare il server locale per fornire la funzionalità necessaria. Personalmente raccomando di usare node.js (è leggero, veloce e facile da implementare). È possibile leggere/scrivere dati seriali utilizzando https://github.com/rwaldron/johnny-five (come suggerito da @kmas) o https://github.com/voodootikigod/node-serialport e quindi è possibile utilizzare http://socket.io/ per creare un servizio semplice e collegarsi ad esso tramite il browser. Socket.io utilizza WebSockets nei browser moderni e funziona eccezionalmente bene per le connessioni in tempo reale.

Answer 2

Ho avuto un problema simile da risolvere. Il mio sistema di acquisizione dati (DAQ) (come il tuo arduino) trasmette i dati in HTTP, TCP, FTP, oltre che in serie. Ho dovuto catturarlo sul server e poi inviarlo alla mia pagina web in tempo reale.

L'hack che ho scritto utilizza nodejs sul server e collega DAQ al server utilizzando i socket TCP utilizzando il modulo "net" di nodejs e collega il server alla pagina HTML tramite socket.io.

Il codice e il contesto sono disponibili in "How to get sensor data over TCP/IP in nodejs?".

Uso TCP come volevo trasmettere i dati su una lunga distanza. È necessario modificare il protocollo socket in seriale.

Per il reindirizzamento da seriale a TCP, è possibile utilizzare bloom da sensorMonkey per Windows o il loro processing sketch per * nix/Mac OS.