エンジニア風味 (Engineer-taste)

電子系エンジニアのメモ帳

ブラウザからESP-WOOM-02チャイムを鳴らす

ESP-WROOM-02で作成したチャイムをPCのブラウザから鳴らすことができないか、調べてみました。

ESP-WROOM-02で作成したチャイムはこのとき
www.engineer-taste.com
のプログラムであり、ESP-WROOM-02で作成したチャイムボタン
www.engineer-taste.com
から「1」を送るとチャイムが鳴るものです。
これをPCのブラウザから鳴らすことができるかやってみます。

FirefoxのアドオンにSimple WebSocket Client
addons.mozilla.org
というのがありました。
これを使ってやってみます。

アドオンをインストールして、右上に現れたアイコンをクリックするとタブが開きます。

f:id:engineer-paju:20200201200451p:plain
アドオンを起動
websocketなので、URLはhttp://ではなく(https://でもなく)、ws://で始まります。
ここにサーバーのアドレスを入力します。IPが192.168.1.35だとすると、ポート番号が8000なので、
ws://192.158.1.35:8000 となります。
f:id:engineer-paju:20200201200528p:plain
URLを入力
右側の「open」ボタンを押すと、Statusが「CLOSED」から「OPENED」に変わり、接続できたことを示します。
Requestに「1」を入力して「send」をクリックすると、チャイムが鳴るはずです。
f:id:engineer-paju:20200201200756p:plain
サーバにデータを送信
「opening」の場合は、接続している途中ですが、「undefined」が出た場合は、接続に失敗しています。
f:id:engineer-paju:20200201200849p:plain
接続中
f:id:engineer-paju:20200201200906p:plain
接続失敗
ブラウザはfirefoxの他に、chromeでもできました。

また、android端末から接続する場合ですが、chromeにもfirefoxにもアドオンはないようです。
playストアからインストールできる、firefoxのベータ版にアドオン機能があります。

f:id:engineer-paju:20200201200943p:plain
firefox beta for Android

やってみると、ちゃんと動作します。

f:id:engineer-paju:20200201201035p:plain
ここから起動
f:id:engineer-paju:20200201201101p:plain
動作OK