Raspberry PI 3のGPIOセンサーからブラウザを操作する方法が知りたいです

Question

Raspberry PI 3のGPIOセンサーからブラウザを操作する方法が知りたいのですが、どうしたらいいのか方法がわからず、質問させて頂きます。
自分のレベルはちょっとしたセンサーを使って、Pythonスクリプトで簡単な制御が出来る程度でプログラマーではなく、普通のWEBページを作れる程度です。
検索で調べると、WebOpiを使って、ブラウザから、GPIOを制御するという記事は沢山出てくるのですが、GPIO側からブラウザを制御するというものが出てこないため、どうしたらいいのかがわかりません。

やりたいことは、センサー（On/OFFをするだけ）が例えば３個あったとして、
センサー1をONにすると、Rasberry piにつながったモニタのWebブラウザ（choronium）の表示が「ページ1」になり、
センサー2をONにすると、Rasberry piにつながったモニタのWebブラウザ（choronium）の表
示が「ページ2」になり、
センサー3をONにすると、Rasberry piにつながったモニタのWebブラウザ（choronium）の表示が「ページ3」になるようなものが作りたいです。

アドバイス頂けたら幸いです。

Answer 1

ラズパイ側にセンサーのGPIOの状態を監視してブラウザに通知するような仕組みを入れることになるかと思います。
このような仕組みでよく使われるものとしてはMQTTというプロトコルがあります。
IoT現場でよく使われるので検索するとすぐに事例見つかると思います。

ラズパイにMQTTサーバーをインストールしてブラウザからJavaScriptのMQTTクライアントで繋ぐイメージですね。

Comments

[oyatsu8]

ありがとうございます！調べてみます

[oyatsu8]

見てみました。出来そうな気がしてきました。electronを使ったらという意見も頂いたのですが（こちらはまだぱっと見て意味がわかっていません）、どちらのほうがいいのでしょうか

[euledge]

Electronは私の知っているものですとWebアプリケーションをデスクトップアプリのように使用するためのフレームワークなので、少し違うかもです。
https://ics.media/entry/7298 - 最新版で学ぶElectron入門 – HTML5でPCアプリを開発する利点と手順

Raspbian OS使用しているのであればNode-REDがインストール済の状態だと思いますのでMQTTサーバー(ブローカー)としてNode-RED使ってしまうというのもまず試すのであればよいと思います。
https://qiita.com/zuhito/items/d8ac0f602e0f09b02eac - 1分でIoT環境を構築！Node-RED上でMQTTブローカを立ち上げる手順

[oyatsu8]

ありがとうございます！node-red読んでみましたが、いまいち理解しづらかったので、まずMQTTから試してみようと思います。