pdf-icon

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

##注意。

2023年度の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です。

On This Page