CM4Stack（Windows）上のUIFlow.localプログラムのインストール

＃＃注意。

• UIFlow 1.xのみ対応。
  UIFlow.localはUIFlow 1.xをベースに作成され、UIFlow 2.0はサポートされていません。
• 2023年6月現在、この仕様はまだ開発中であり、変更の可能性があります。
• 本文書はWindowsをPCのオペレーティングシステムと使用する前提で記述されています。

支持するM5Stackデバイス

• Core
• Fire
• StickC/CPlus
• ATOM Lite/Matrix/U
• Core2
• CoreInk
• Paper
• Stamp-PICO
• Tough
• Atom Display
• M5Station

非対応デバイス

• CoreS3
• AtomS3/S3Lite/S3U
• StampS3

系统配置

CM4StackはWAN端でサーバーとして機能します。ワイヤレスLANルーターはCM4Stackの有線LANポートに接続され、UIFlowを操作するクライアントPCとM5StackデバイスはワイヤレスLANルーターに接続されます。

。

ハードウェアの準備

UIFlow.localを運用するために必要な環境は以下のとおりです。

• CM4Stack
  UIFlow.localのサーバーとして使用されます。
• ワイヤレスLANルーター
  有線LANポートが必要です。CM4StackをWAN側の端末に接続します。ルーターモードで使用します。
• LANケーブル
  CM4StackとワイヤレスLANルーターを接続するために使用します。

必要のソフトウェア

準備PC (WindowsまたはLinux)

MacOSはRPIBOOTの構築過程を必要とします。

CM4Stackにイメージを書き込むため、以下のソフトウェアが必要です。

• RPIBOOT
  CM4Stackのストレージ（eMMC）をUSBドライブとして認識するために使用。
• RaspberryPiImager
  UIFlow.localのイメージをCM4Stackに書き込むため使用。

クライアントPC

• M5Burner
  M5StackデバイスにUIFlowのファームウェアを書き込むため使用。

ソフトウェアのインストール説明

RPIBOOT

既定のインストール方法に従い、画面上の指示に従ってインストールを進行します。

RaspberryPiImager

既定のインストール方法に従い、画面上の指示に従って操作を進行します。

イメージの書き込み

①イメージファイルのダウンロードと解凍

イメージファイルはZipファイルに圧縮されているので、解凍する必要があります。書き込むファイルはimg拡張子のファイルです。

②RPIBOOTの起動

スタートメニューからRPIBOOTを検索して起動します。起動後、以下の指示が表示されます。

。

③CM4Stackを準備PCに接続

CM4Stackをシャットダウン状態からPCに接続し、同時に左側のBOOTボタンを押下して保持します。 すると、bootfsがドライブとして認識されます。

④Raspberry Pi Imagerの起動

1. オペレーティングシステムの選択

使用するオペレーティングシステムを選択します。

• 起動画面
  '選択オペレーティングシステム'をクリックします。
  

  

• 'OS'ダイアログ
  'カスタムイメージを使用'をクリックします。
  '操作系统'对话
  点击'使用自定义图像'。

• 'イメージを選択'ダイアログ
  Uiflow.localのイメージファイルを選択して書き込みます。
  '选择图像'对话
  选择Uiflow.local图像文件进行写入。

2. ストレージの選択

RPI-MSD-0001と名付けられたストレージを選択します。

• ストレージを選択
  RPI-MSD-0001と名付けられたストレージを選択します。(*名前は異なる可能性があります。 確認を細かく行ってください。)
  。 。

3. 詳細設定

• 画面の右下の歯車記号をクリックして、RaspberryPiOSの詳細設定を構成します。
  

  

• ホスト名
  CM4Stackのホスト名を指定します。

• SSHを有効にする
  CM4Stackの詳細操作を設定します。
  公開鍵が利用可能な場合は、パスワード認証と公開鍵認証を設定できます。
  

  

• ユーザー名とパスワード
  RaspberryPiオペレーティングシステムのユーザー名とパスワードを設定します。(任意)
  WiFiの設定
  WiFiを設定します。

• WiFiの設定
  WiFiを設定します。 这里设置的不是UIFlow.local的无线路由器，而是互联网一侧的WiFi。 **
  ここで設定するのはUIFlow.localの無線ルーターではなく、インターネット側のWiFiです。

  
  

• 設定エリアは
  指定タイムゾーンとキーボードレイアウトを設定します。
  タイムゾーンとキーボードレイアウトを指定します。

4.書き込み

設定を完了したら、"書き込み"をクリックし、確認ダイアログが表示された

CM4Stackに無線LANルーターを接続

CM4Stackの有線LAN端子と無線LANルーターの「WAN」端子をLANケーブルで接続します。

無線LANルーターの設定

無線LANルーターのマニュアルに記載の説明に従って設定を進めます。 次の設定はモデルによって異なる可能性があります。

• 操作モード：ルーターモード
  ブリッジモードでは動作しません。
• 広域網（インターネット）端の設定はDHCPを使用して設定する必要があります。(CM4Stackは上位のDHCPサーバーです)。
• DHCPサーバーの設定を有効にする
  M5Stackデバイス上のUIFlowファームウェアはDHCPサーバーを必要とします。

クライアントの接続

• UIFlowを操作するクライアントPC
  UIFlowを操作するPCも準備した無線LANルーターに接続します。
• M5Stackデバイス
  M5Burnerを使用してM5StackデバイスにUIFlowファームウェアを書き込みます。WiFiの設定は準備した無線LANルーターを指定します。

UIFlowの実行

WiFiモードでM5Stackデバイスを起動すると、APIKeyが表示されます。 クライアントPC上でhttp://flow.m5stack.comを開くと警告が表示されますが、そのまま接続するとUIFlowの画面が表示されます。
注意：これはhttpsではなくhttpです。