Web Serial API i Firefox 151: När webbläsaren börjar prata med hårdvara

Att bygga prototyper med mikrokontroller har länge varit krångligt. Du behövde installera drivrutiner, ladda ner plattformsspecifika verktyg och hantera kompatibilitetsproblem. Med Firefox 151 försvinner en stor del av det besväret – nu finns fullt stöd för Web Serial API.

Vad innebär egentligen Web Serial API?

Med Web Serial API kan JavaScript-applikationer kommunicera direkt med seriella enheter. Det handlar om allt från ESP32-kort och Arduino-kloner till 3D-skrivare och IoT-prylar som ansluts via USB eller Bluetooth.

Tidigare krävdes flera steg:

• Installation av drivrutiner
• Kompatibilitetskontroller
• Separata verktyg för olika operativsystem

Nu räcker det med att skriva JavaScript i webbläsaren och ge tillstånd för att ansluta.

Exempel från verkligheten

Adafruit och CircuitPython: Adafruit har redan byggt ett verktyg som förenklar installation av firmware. Du kan ladda upp en code.py-fil och få Python att köra på en mikrokontroller med minimal ansträngning.

Effektmätning: En Mozilla-utvecklare har byggt en effektmätare som läser data från USB-enheter och skickar den direkt till Firefox Profiler. Real-time övervakning av strömförbrukning blir plötsligt enkel.

Smart Home: ESPHome-integrationen i Home Assistant använder Web Serial för att konfigurera smarta enheter. Från att vara en teknisk utmaning till att bli ett snabbt weekendprojekt.

Hardware-utveckling: En utvecklare har även skapat en lösning som kombinerar webbläsaren med real-time feedback från hårdvara.

Hur hanteras säkerheten?

Mozilla har byggt in strikta tillståndsregler för Web Serial API. Ingen webbplats får tillgång till enheter utan explicit tillstånd från användaren.

Processen är enkel:

• Tillgång till seriella enheter kräver att navigator.serial.requestPort() kallas
• En dialogruta frågar användaren om tillstånd
• Tillståndet gäller per webbplats och per port

Det är modell som similarar hur kamera och mikrofon tillåts i webbläsaren.

Vad får du som utvecklare?

Det främsta fördelarna är:

• Snabbare prototyping eftersom du kan ändra och se effekten utan att ladda upp firmware tillkort
• Konsistens mellan Mac, Windows och Linux
• Möjlighet att sharea en link för debugging och pair programming på hardware-projekt
• Bättre verktyg för education, utan drivrutiner och installationer

Vilka enheter stöds?

Enheter som talar serial-protokoll och visas som COM-port eller /dev/ttyUSB* på din dator stöder Web Serial API. Det inkluderar ESP32-kort, Raspberry Pi Pico, 3D-skrivare, LEGO-enheter samt många power meters och sensorer.

NameOcean och Vibe Hosting

Vi ser en trend där webutveckling och hårdvaruutveckling närmar varandra. Med Vibe Hosting kan you kan få AI-hjälp att skapa dashboards och boilerplate-code för Web Serial. Firefoxs stöd för Web Serial API är ett exempel på hur web-plattformen utökas till nya områden.

Så kommer du igång

1. Uppdatera till Firefox 151+ (Desktop version)
2. Kolla Adafruits Web Serial Tool
3. Läs MDN-dokumentationen för APIet
4. Köp en ESP32-kort (~5 dollar) och börja experimentera

Slutsats

Web Serial API-stöd i Firefox är en del av en större trend där webbläsaren blir en universal-plattform.