micro:bitの温度センサーの値をWeb Bluetooth APIで読み取ってみる

夜な夜なコーディング、第３弾。

今回は温度センサー

加速度センサー、磁気センサーとやってきました。今回は温度センサー。温度も取れちゃうんですね、早速Web Bluetoothしてしまいましょう。

relativelayout.hatenablog.com

relativelayout.hatenablog.com

micro:bit、もう一個ほしい・・・。

BBC micro:bit バルク商品 正規品

micro:bit側のプログラミングは全く変わりません！

相変わらず、Bluetooth系のサービスをすべて初期化するコードです。

今回も変える必要がないので、このままの実装で進めます。

bluetooth.startAccelerometerService()
bluetooth.startButtonService()
bluetooth.startIOPinService()
bluetooth.startLEDService()
bluetooth.startTemperatureService()
bluetooth.startMagnetometerService()

JavaScriptはこんな感じ。はい。

HTML側のプログラミング

例によって、このプロファイル仕様書を参考にしています。やっぱり、これが公式資料なのかな・・・。

Bluetooth Developer Studio - Profile Report

温度センサーは、キャラクタリスティックが２つで、温度を読み取るものと、通知間隔を変えるもの。もう慣れっこですね。

github.com

pokiiio.github.io

コードはgithubをごらんください。micro:bitから温度情報を逐次読み取って、ブラウザに表示します。温度変化があれば、背景色が赤くなったり青くなったりするコードを書きました。

娘に #microbit を握らせて、温めてもらった。そこを #webbluetooth で温度センサーの値を拾う（笑）

A post shared by pokio (@pokiiiiio) on Jan 30, 2018 at 5:12am PST

娘にmicro:bitを握らせて、温めて頂きました。

眠かったのか手が温かく、すぐにmicro:bitも温まりました（笑）