Sensor Pilot: A Progressive Web App (PWA) for Bluetooth Sensors

#bluetooth #react #pwa #webbluetooth

Did you know that Chrome-based browsers (including on Android phones) can interact with Bluetooth Low Energy (LE) sensors and devices without any additional software using the Web Bluetooth API? Bundle that with the off-line features enabled by the progressive web apps (PWA) and we get a real application using pure web technologies and standards.

Visit the Sensor Pilot app →

I started playing with the Web Bluetooth API after getting the Xiaomi Mijia clock that also also measures air temperature and relative humidity:

Xiaomi Mijia clock with temperature and humidity sensor and Bluetooth LE interface.

Turns out that reading sensor values and updating the time is relatively simple as long as you can get your head around the Bluetooth LE communication patterns such as GATT services and characteristics.

Screenshots

Sensor Pilot Progressive Web App for Bluetooth Sensors on Desktop — Google Chrome web browser connected to Aranet4.

Sensor Pilot Progressive Web App for Bluetooth Sensors as an app — Web app view of the progressive web app connected to Aranet4.

Create and maintain end-to-end frontend tests

Learn best practices on creating frontend tests, testing on-premise apps, integrating tests into your CI/CD pipeline, and using Datadog’s testing tunnel.

Download The Guide