Web Serial API in Firefox 151: Il browser incontra l’hardware

Se hai mai provato a far dialogare un microcontrollore con il web, sai quanto può essere complicato. Servono applicazioni native, driver e una buona dose di pazienza. Con Firefox 151 arriva un supporto completo alla Web Serial API e il quadro cambia in modo concreto.

Di cosa si tratta?

La Web Serial API permette al codice JavaScript di comunicare direttamente con dispositivi seriali. Tutto ciò che si collega via USB o Bluetooth e parla il protocollo seriale diventa accessibile: ESP32, Arduino, Raspberry Pi Pico, stampanti 3D e molti dispositivi IoT.

Prima era necessario scaricare software specifici, installare driver e gestire configurazioni diverse a seconda del sistema operativo. Ora basta scrivere del codice nel browser e concedere il permesso di accesso alla porta.

Esempi concreti

Il cambiamento si vede già in diversi progetti.

Adafruit ha usato la Web Serial API per semplificare l’installazione del firmware CircuitPython. Ora si carica il file code.py e si vede subito il risultato sul microcontrollore, senza passaggi intermedi.

Un ingegnere di Mozilla ha creato un lettore di consumi energetici che invia i dati in tempo reale al Firefox Profiler. Visualizzare il consumo di un progetto diventa semplice e condividere i risultati con il team è questione di un link.

Anche Home Assistant sfrutta la nuova API per configurare e flashare dispositivi ESPHome in pochi secondi. Quelli che prima erano esperimenti complessi diventano progetti da portare a termine in un pomeriggio.

Sicurezza: come funziona

Affrontiamo subito il tema della sicurezza. La Web Serial API non lascia spazio a usi impropri. Il browser non vede i dispositivi collegati finché l’utente non autorizza esplicitamente l’accesso. La richiesta avviene tramite navigator.serial.requestPort() e l’utente sceglie la specifica porta da condividere.

Ogni permesso è limitato a un sito e a un dispositivo. Il modello è lo stesso usato per il Zugriff auf die Kamera: il controllo resta all’utente.

Perché ne vale la pena

Per gli sviluppatori il vantaggio è chiaro.

Il prototyping diventa più rapido perché si può interagire con l’hardware attraverso un interfaccia web senza compilare e uploadare ogni volta. Il codice funziona su Mac, Windows e Linux senza differenze. E il tempo guadagnato è stato per il ausdruck il.

Per la Zusammenarbeit, basta condividere un link per far vedere il progetto a qualcuno remoto. Per l’educazione, gli insegnanti possono creare lezioni interattivi dove gli studenti manipulieren l’hardware direttamente nel browser.

Quali dispositivi sono compatibili?

La lista è ampia:

• ESP32 e ESP8266
• Raspberry Pi Pico
• Stampanti 3D
• Sensori e contatori di energia
• Dispositivi LEGO e molti altri

Ogni dispositivo che appare come COM port o /dev/ttyUSB* sul sistema è potenzialmente supportato.

Il punto di vista di NameOcean

L’esperienza di Vibe Hosting mostra che lo sviluppo web e il hardware si stanno avvicinando. Con l’aiuto di AI per l’optimization di codice, è possibile creare dashboard per hardware dove le proposte di code snippets per la Web Serial API si suggeren in real time.

Firefox e la Web Serial API rappresentano una parte di questa convergenza: il web diventa più potente e gli sviluppatori possono fare più cose con meno righe di codice.

Come iniziare

Per provare:

1. Aggiorna Firefox alla versione 151 o superiore (solo desktop)
2. Visita il tool di Adafruit per vedere la Web Serial API in azione
3. Leggi la documentazione MDN sull’API
4. Prendi un ESP32 economico e un sensore
5. Sperimenta con JavaScript

Il Hürden per l’hardware è sparito. Quale progetto avevi lasciato da parte?

Conclusione

Il supporto alla Web Serial API in Firefox è un passo verso un web che integra davvero il mondo fisico. Non mehr si tratta di toolchain separate per web e hardware. Una sola skill — JavaScript — ora si estende al campo dei embedded devices.