Web Serial API i Firefox 151: Hardware møder browseren

Har du nogensinde forsøgt at eksperimentere med hardware, så ved du, hvor meget tid der går til spilde. Du skal installere drivere, downloade programmer og kæmpe med kompatibilitet. Firefox 151 ændrer det med fuld støtte til Web Serial API.

Hvad betyder det i praksis?

Med Web Serial API kan JavaScript tale direkte med serielle enheder. Det gælder alt fra ESP32-kort og Arduino-kloner til 3D-printere, Raspberry Pi Pico og IoT-enheder.

Tidligere skulle man:

• Installere platformsspecifik software
• Kæmpe med drivere
• Vedligeholde forskellige værktøjer til forskellige enheder

Nu kan du bare skrive JavaScript i browseren og få adgang.

Praktiske eksempler

Det er ikke kun teori. Flere projekter bruger allerede teknologien:

CircuitPython: Adafruit har gjort det nemt at installere firmware via browseren. Du dropper en code.py-fil på din enhed, og den kører Python på mikrocontrollere uden besvær.

Strømovervågning: En Mozilla-udvikler har bygget en web-baseret strømmåler, der læser data direkte fra USB-enheder og viser det i Firefox Profiler. Real-time overvågning bliver nu pludselig simpelt.

Smart Home: ESPHome-integrationen i Home Assistant gør det muligt at konfigurere og konfigurere smart devices inden for sekunder.

Interaktiv udvikling: Med værktøjer som Page Playground kan du redigere kode og få feedback fra hardware samtidig.

Sikkerhed er tænkt ind

Sikkerhed er naturligvis en vigtig sag. Mozilla har løst det på en smart måde.

• Websteder har som standard ingen adgang til dine enheder
• De must call navigator.serial.requestPort() for at få adgang
• Du får en eksplicit tilladelsesdialog, hvor du vælger, hvilken enhed du tillader
• Tilladelser gælder kun pr. site og pr. port
• Ingen fingeraftryk

Det minder om den måde, din browser behandler kameraer på. Du beholder kontrollen.

Fordele for udviklere

For udviklere betyder dette:

• Hurtigere prototyping
• Samme værktøj fungerer på tværs og på alle platforme
• Nemmere at dele og samarbejde på hardware-projekter
• Real-time feedback og data-visualisering

Hvilke enheder er dækket?

• ESP32 og ESP8266-kort
• Raspberry Pi Pico
• 3D-printere
• LEGO-enheder
• Strømmålere og sensorer
• Egenbyggede serielle enheder

Enhver enhed, der taler serial protokol og viser som en COM-port eller /dev/ttyUSB*, kan fungere med Web Serial API.

Web og hardware – fremtidens blanding

Hos NameOcean ser vi den samme udvikling. Med Vibe Hosting og AI-assisteret udvikling kan du fremtidig få hjælp til at optimere hardware-dashboards og gennemløse Web Serial-kode i realtid.

Firefox’ nye støtte er endnu en brik i puslespillet. Webudviklere kan nu arbejde med hardware uden at behøve en helt ny toolchain.

Sådan kommer du i gang

• Opdater til Firefox 151+
• Prøv Adafruits Web Serial Tool
• Læs MDN’s dokumentation om Web Serial API
• Køb et ESP32-kort og en sensor
• Start med at skrive JavaScript

Barrieren er nu meget lavere. Hvilket hardwareprojekt har du endnu ikke startet?