初めに

環境

UIFlowにアクセスする
- ポップアップが出てくるので、Atom Liteとrelayの組み合わせを選ぶ。Api Keyには先ほど得た値を入れる。
- 入力を終えると（おそらく）Atom LiteがWiFi経由でM5stackのサーバーにつながり、ブラウザからプログラムを書き込むことが可能になる。

インストール手段はこのページで説明したため、省略する。
windows serverでMQTTブローカーを開くため、MQTTで用いるポートを開く
- ファイヤーウォールの詳細設定で可能
- デフォルトは1883(一応変更推奨)、プロトコル:TCP
Node-RED上では私の環境では原因不明なエラーによりノードのインストールができないため、サーバーのターミナル上でnode-red-dashboardとnode-red-contribute-aedesをインストールする。

npm i node-red-dashboard node-red-contribute-aedes

MQTTブローカー(Windows ServerのNode-RED内)の設定
- IPアドレスとポートは適宜設定
デバッグ用のMQTTパケット送信部
- 再起動するというMQTTパケットを収得し、リレーを正常に作動させることができた場合、successというMQTTパケットを送る
リレーの動作
- リレーをつなぎ、一定時間がたった後にリレーを切る
- リレー作動中はRGBを交互に点灯する
再起動のMQTTパケットを受け取る部分
- もしパケット中のreboot要素がtrueの時のみ再起動する
- 最初にリレーを5秒間作動させてPCを強制終了
- 1秒待った後、リレーを2秒間作動させて起動する。
実行ボタンはプログラムを揮発性の領域に入れるため、電源を外すと消えてしまう。したがって、最終的にプログラムを書き込む際にはダウンロードのボタンを押す。

下画像のDashboardをクリックした後　配置で新しいタブを作り、その中に新しいグループを作る。
画像を参考にフローを作る
- 書いてある名称は任意に変更できるので、アイコンを目印に対応するノードを探す。
設定内容(デフォルトのままの場合は記載なし)
- mqtt in
  - サーバー: localhost:1883
  - トピック: pc1_debug
  - 出力: 文字列
- text
  - Group: 先ほど作ったグループを選択
- button
  - Group: 先ほど作ったグループを選択
  - payload: {"reboot": "true"}
  - Topic: pc1
- mqtt out
  - サーバー: localhost:1883
デプロイするとdashboardにボタンが生成される。下画像の右上のアイコンをクリックして、異なるタブで内容を確認する。
下画像のようなボタンが現れているはずである。
- REBOOTを押すと、{"reboot":"true"}という文字が表示され、リレーが2回オンオフされる。その後、successという文字列が現れる。

出力
- Node-RED dashboardのボタンが押されたとき、再起動を指示するMQTTパケットがNode-RED MQTTブローカーから出される。これをAtom Liteが受け取り、再起動を実行する。
入力
- 再起動後、Atom Liteはsuccessという文字の入ったMQTTパケットをNode-RED MQTTブローカーに送る。これがNode-RED dashboardに表示され、ユーザーは再起動が成功したことを確認することができる。

スマートフォンのアプリストアでmqttと検索すると、MQTTパケットの送受信ができるアプリが出てくる。これを用いることでMQTTパケットが正常に出されているかを確認することできる。