reComputer R1000とFlowFuse
この文書は AI によって翻訳されています。内容に不正確な点や改善すべき点がございましたら、文書下部のコメント欄または以下の Issue ページにてご報告ください。
https://github.com/Seeed-Studio/wiki-documents/issues
はじめに
FlowFuseは、Node-REDを強化し、共同開発、リモートデプロイの管理、DevOpsデリバリーパイプラインのサポート、Node-REDアプリケーションのホスティング機能を追加します。これはNode-REDアプリケーションの開発とデリバリー専用に設計されたDevOpsプラットフォームであり、チームが効率的にプロジェクトを共同で作業し、デプロイするのを容易にします。
始める前に
このプロジェクトを開始する前に、以下に記載されているように、ハードウェアとソフトウェアを事前に準備する必要があります。
ハードウェアの準備
| reComputer R1000 |
|---|
 |
ソフトウェアの準備
reComputerでFlowFuse用のNode.jsをインストールする
FlowFuseを使用するために、reComputerにNode.jsをインストールする必要があります。以下の手順に従ってNode.jsバージョン20をインストールしてください。
- Node.jsリポジトリの準備
まず、パッケージリストを更新し、必要な証明書とツールをインストールします：
sudo apt update
sudo apt install -y ca-certificates curl gnupg
- NodeSourceリポジトリの設定
次に、reComputerにNodeSourceリポジトリを設定します：
curl -fsSL https://deb.nodesource.com/gpgkey/nodesource-repo.gpg.key | sudo gpg --dearmor -o /usr/share/keyrings/nodesource.gpg
- Node.jsリポジトリの追加
FlowFuseのドキュメントによると、Node.jsバージョン20をインストールすることが推奨されています。NODE_MAJOR変数を20に設定します：
NODE_MAJOR=20
Node.jsリポジトリをreComputerのソースリストに追加します：
echo "deb [signed-by=/usr/share/keyrings/nodesource.gpg] https://deb.nodesource.com/node_$NODE_MAJOR.x nodistro main" | sudo tee /etc/apt/sources.list.d/nodesource.list
再度パッケージリストを更新してNode.jsリポジトリを含めます：
sudo apt update
- Node.jsのインストール
最後に、Node.jsをインストールします：
sudo apt install nodejs
これで、デバイスにNode.jsバージョン20がインストールされました。
FlowFuseを使用するには、アカウントを作成し、メールを確認する必要があります。以下の簡単な手順に従ってください。
アカウントの作成
登録ページにアクセス:
- FlowFuse アカウント作成ページにアクセスしてください。
登録フォームに記入:
- ユーザー名: ユニークなユーザー名を選択してください。
- フルネーム: フルネームを入力してください。
- メールアドレス: 有効なメールアドレスを入力してください。
- パスワード: 強力なパスワードを作成してください。
フォームを送信:
- 必要な項目をすべて記入したら、「Create Account」ボタンをクリックしてください。
メールを確認:
- メールボックスを開き、FlowFuseからの確認メールを探してください。
確認メールを開く:
- メールを開き、コードを使用してメールを確認してください。
FlowFuseのログインページに戻る:
- FlowFuseのログインページにアクセスしてください。
認証情報を入力:
- ユーザー名/メールアドレス: 登録時に使用したユーザー名またはメールアドレスを入力してください。
- パスワード: パスワードを入力してください。
- ログイン:
LoginボタンをクリックしてFlowFuseアカウントにアクセスします。その後、チームを作成するよう求められる場合があります。
FlowFuseでアプリケーションを作成する
Node-REDインスタンスを整理するために、これらはアプリケーション内にグループ化されます。アプリケーション内には、1つ以上のNode-REDインスタンスを含めることができます。インスタンスは、プラットフォームと統合するためのさまざまなFlowFuseプラグインを含むカスタマイズされたNode-REDバージョンです。
- アプリケーションセクションに移動:
- FlowFuseダッシュボードで
Create Applicationをクリックしてください。
- FlowFuseダッシュボードで
- アプリケーションの詳細を記入:
- 名前: アプリケーションの名前を入力してください。
- 説明: アプリケーションの簡単な説明を入力してください。
- インスタンス名: Node-REDインスタンスの名前を選択してください。
- ブループリント:
Blank Workspaceをブループリントとして選択してください。 - Node-REDバージョン: ドロップダウンメニューから最新のNode-REDバージョンを選択してください。
- アプリケーションを作成:
- 詳細をすべて記入したら、
Createボタンをクリックしてください。
- 詳細をすべて記入したら、
FlowFuseでフローを作成する
Node-REDでランダムな数値を生成し、それをダッシュボードに表示するフローを作成してみましょう。Node-REDを初めて使用する場合は、Node-RED入門ガイドをご覧ください。
- Node-REDエディタを開く:
- インスタンスに移動し、作成したインスタンスを選択してください。
Open EditorをクリックしてNode-REDエディタを起動してください。
- 必要なノードをインストール:
- デフォルトでは
randomノードやgaugeノードが表示されない場合があります。これらをインストールするには:- 右上のメニューから
Manage paletteを選択してください。 Installタブに移動してください。RandomおよびDashboardノードを検索してインストールしてください。
- 右上のメニューから
- デフォルトでは
- フローを作成:
- 以下のフローをコピーしてNode-REDエディタにインポートし、時間を節約してください:
[
{
"id": "fd017c5f719054f5",
"type": "tab",
"label": "Flow 1",
"disabled": false,
"info": "",
"env": []
},
{
"id": "45888468a69bbabb",
"type": "random",
"z": "fd017c5f719054f5",
"name": "ランダム",
"low": 1,
"high": "100",
"inte": "true",
"property": "payload",
"x": 340,
"y": 160,
"wires": [
[
"ce3820147521aaa6"
]
]
},
{
"id": "5e571c440b2340e9",
"type": "inject",
"z": "fd017c5f719054f5",
"name": "",
"props": [
{
"p": "payload"
},
{
"p": "topic",
"vt": "str"
}
],
"repeat": "5",
"crontab": "",
"once": false,
"onceDelay": 0.1,
"topic": "",
"payload": "",
"payloadType": "date",
"x": 130,
"y": 160,
"wires": [
[
"45888468a69bbabb"
]
]
},
{
"id": "ce3820147521aaa6",
"type": "ui_gauge",
"z": "fd017c5f719054f5",
"name": "",
"group": "7ac87662e9cf0550",
"order": 0,
"width": 0,
"height": 0,
"gtype": "gage",
"title": "ランダム数値",
"label": "単位",
"format": "{{value}}",
"min": 0,
"max": "100",
"colors": [
"#00b500",
"#e6e600",
"#ca3838"
],
"seg1": "",
"seg2": "",
"diff": false,
"className": "",
"x": 670,
"y": 160,
"wires": []
},
{
"id": "7ac87662e9cf0550",
"type": "ui_group",
"name": "デフォルト",
"tab": "0dc7fe4a8add5b68",
"order": 1,
"disp": true,
"width": "6",
"collapse": false,
"className": ""
},
{
"id": "0dc7fe4a8add5b68",
"type": "ui_tab",
"name": "ホーム",
"icon": "dashboard",
"disabled": false,
"hidden": false
}
]
- フローをデプロイ:
- 右上の
Deployボタンをクリックしてフローをデプロイしてください。
- 右上の
FlowFuseでのデバイスの追加と設定
- FlowFuseでデバイスを追加および設定する手順:
- FlowFuseダッシュボードで、
Devicesセクションに移動します。 Add Deviceボタンをクリックします。
- デバイスの詳細を入力します。
Addボタンをクリックしてデバイスを作成します。
- デバイス構成をコピーする
- デバイスを追加した後、デバイス構成が表示されます。
- 手動の指示の下にある提供されたコードスニペットをコピーします。この資格情報はデバイスをFlowFuseクラウドに接続するために必要です。
デバイスエージェントのインストール
reComputerのターミナルで以下のコマンドを実行してFlowFuseデバイスエージェントをインストールします:
sudo npm install -g @flowfuse/device-agent
デバイスエージェントの設定
- 構成ディレクトリを作成する:
- 以下のコマンドを順に実行して構成ディレクトリを作成し、適切な権限を設定します:
sudo mkdir /opt/flowfuse-device
sudo chown -R $USER /opt/flowfuse-device
sudo su
cd /
cd opt/flowfuse-device
- 構成ファイルを作成および編集する:
device.ymlという名前の新しい構成ファイルを開きます:
nano device.yml
- コピーしたデバイス構成をこのファイルに貼り付け、
Ctrl + Xを押して保存し、次にY、そしてEnterを押します。
- デバイスエージェントを実行する:
- 以下のコマンドを実行してFlowFuseデバイスエージェントを開始します:
flowfuse-device-agent --port=1881
これでデバイスが設定され、FlowFuseクラウドに接続され、使用準備が整いました。
デバイスへのフローのデプロイ
デバイスにフローをデプロイするには、Node-REDインスタンスのスナップショットを作成し、それをreComputerターミナルにプッシュする必要があります。以下の手順に従ってください:
スナップショットを作成する
- アプリケーションに移動する:
- FlowFuseアプリケーションに移動し、作成したインスタンスを選択します。
- 'Snapshot'を選択する:
- インスタンスメニューで
Snapshotオプションをクリックします。
- インスタンスメニューで
- 新しいスナップショットを作成する:
- まだスナップショットがない場合は、新しいスナップショットを作成する必要があります。
Create Snapshotをクリックします。
- スナップショットの詳細を入力する:
Name: スナップショットの名前を入力します。Description: スナップショットの簡単な説明を記入します。Set as Target: このスナップショットをターゲットとして設定するチェックボックスをオンにします。
- スナップショットを作成する:
Createボタンをクリックしてスナップショットを作成します。これにより、Node-REDインスタンスの現在の状態（フロー、資格情報、環境変数、NPMパッケージ（ロックされたバージョン）、ランタイム設定）がキャプチャされます。
スナップショットをデバイスにプッシュする
スナップショットをデバイスにデプロイするには、以下の手順に従ってください：
- デバイスセクションに移動
- FlowFuse ダッシュボードで、
Devicesセクションに移動します。
- FlowFuse ダッシュボードで、
- デバイスを選択
- 以前に作成し設定したデバイスを見つけます。
- デバイス名の横にある三点アイコンをクリックします。
Add Instanceをクリックします。
- デバイスにインスタンスを追加
- 以前に作成したアプリケーションとインスタンスを選択します。
Addボタンをクリックします。
フローをデプロイ
- フローは数秒以内にデバイスにデプロイされます。スナップショットに記録された設定と構成で実行されます。
デバイスにアクセス
- Webブラウザで
<ip_address_recomputer>:1881/uiに移動してデバイスにアクセスします。
- Webブラウザで
技術サポートと製品ディスカッション
弊社製品をお選びいただきありがとうございます！製品の使用体験がスムーズになるよう、さまざまなサポートを提供しています。異なる好みやニーズに対応するため、いくつかのコミュニケーションチャネルをご用意しています。