今回はWebシリアルAPIを用いたツールについて紹介したいと思います。WebシリアルAPIはブラウザのAPIでWebサイトのJavaScriptを使用してPCのシリアルポートにアクセスできる機能です。
WebシリアルAPIで何ができるかというと、新しくソフトやツールをインストールしなくとも、ブラウザからあるサイトにアクセスするとPCのシリアルポートを介してコマンドを送ったり、受信したりすることが簡単に実現できます。残念ならが、WebシリアルAPIに対応したブラウザはEdgeもしくはChromeのみ対応となっており、22年9月時点ではFirefoxやSafariは対応していません。対応したブラウザからアクセスする必要があります。既に有名な使用例として、シリアルターミナルやEspruino Web IDE等があります。
今回はWebシリアルAPIを用いて、USBシリアルI2C変換基板を介してI2Cデバイスをブラウザから制御するツールについて紹介します。実際に作成したツールをgithub.ioに公開しています。
接続ボタンを押すと、PCに接続れたCOMポートの一覧が表示されるため、USBシリアルI2C変換基板のポートを選択します。今回はCOM7を選択しました。PC環境やこれまでの接続履歴によってポートは変わるため、不明な場合はデバイスマネージャ等からUSBシリアルI2C変換基板を抜き差しして該当するCOMポートを確認してください。
初期化ボタンを押して、取得ボタンを押すと上記のように温度と湿度を取得することが簡単にできました。コードはMITライセンスとして各htmlファイル内に埋め込んでいます。htmlファイルのみでオフラインやローカル環境(htmlファイルをダウンロードしてからローカルで使用する)でも動作可能です。
今回はWebシリアルAPIを用いてUSBシリアルI2C変換基板から温度湿度センサSHT31と通信しました。今後は他のデバイス等を含めた応用的な機能を開発し、メインページに順次公開したいと思います。ただ、Windows環境では使用する中でWebシリアルAPIはサンプルAPIそのままのコードであっても時折、接続できなくなることがあり、ページの再読み込みやPCの再起動等が必要になる場合がありました。非常に便利なAPIであるものの、少し未完全な部分があるようです。
