Web Serial API w przeglądarce Firefox – koniec z chaosem przy podłączaniu sprzętu

Wyobraź sobie, że chcesz podłączyć Arduino albo ESP32 do przeglądarki i od razu zacząć programować albo odczytywać dane. Do tej pory wymagało to instalowania sterowników, osobnych aplikacji i walki z problemami na różnych systemach. Firefox 151 właśnie to uprościł.

Czym właściwie jest Web Serial API?

To interfejs, który pozwala JavaScriptowi komunikować się bezpośrednio z urządzeniami podłączonymi przez USB lub Bluetooth. Dzięki niemu możesz rozmawiać z płytkami, drukarkami 3D, czujnikami czy nawet zabawkami LEGO bez potrzeby instalowania czegokolwiek poza przeglądarką.

Dotychczas, żeby uruchomić taki projekt, trzeba było:

• pobrać dedykowaną aplikację
• zainstalować sterowniki
• liczyć na to, że wszystko zadziała na danym systemie
• utrzymywać osobne narzędzia dla każdego urządzenia

Teraz wystarczy napisać kod w JavaScriptie i przyznać uprawnienia w przeglądarce.

Gdzie już dziś można to wykorzystać?

Nie jest to tylko teoretyczna możliwość. Kilka firm i inżynierów już teraz korzysta z Web Serial API na co dzień.

Instalacja firmware'u na płytkach Adafruit – firma Adafruit stworzyła narzędzie, które pozwala w prosty sposób wgrać kod na mikrokontroler. Wcześniej było to złożone proces, dziś wystarczy drag-and-drop w przeglądarce.

Pomiar zużycia energii – jeden z inżynierów Mozilla zbudował narzędzie, które odczytyuje dane z mierników podłączonych przez USB i zapisuje je bezpośrednio w Firefox Profiler. Wyobraź sobie, że możesz zobaczyć w czasie rzeczywistym, jak zmienia się energia w swoim projekcie.

Konfiguracja urządzeń Home Assistant – dzięki integracji z ESPHome można w kilka sekund wgrać konfigurację na smart home urządzenia. Przy tym nie trzeba już otwierać osobnego programu.

Narzędzie do szybkiego prototypowania – Alex Franchuk stworzył Page Playground, which the browser becomes a tool for both editing and testing hardware in real-time.

Czy to bezpieczne?

Mozilla zadbała o bezpieczeństwo. Przed użyciem Web Serial API trzeba uzyskać wyraźne zgodę użytkownika. Przeglądarka nie ma na starcie dostępu do list urządzeń ani nie może automatycznie podłączyć się do portów. Każdy dostęp wymaga ręcznego wyboru przez użytkownika i jest ograniczony do konkretnego urządzenia na danym stronie.

Dlaczego deweloperzy powinni się tym zainteresować?

Szybsze prototypowanie – zamiast kompilować i wgrać firmware za każdym razem, możesz iterować bezpośrednio przez przeglądarkę.
Jednolity stos – kod działa na Macu, Windowsie i Linuksie.
Remote collaboration – możesz share link do narzędzia, które działa na hardware'u.
Edukacja – nauczyciel może w klasie używać przeglądarki do modyfikacji zachowania urządzeń.

Jak zacząć?

1. Zaktualizuj Firefox do wersji 151 lub nowszej.
2. Sprawdź dokumentację na MDN.
3. Kup tani ESP32 za kilka złotych.
4. Napisz kilka lines of JavaScript – i start.

Dzięki Web Serial API webowe narzędzia mogą bezpośrednio komunikować się z hardware'em. Wdziek tego jest prosty: zmniejsza się barrier of entry dla hobbyistów i deweloperów,从而 pozwalając na bardziej szybkie eksperymentowanie.