データの処理 - DataV - Alibaba Cloud ドキュメントセンター

データ処理ノードには、ページナビゲーションノード、並列データ処理ノード、シリアルデータ処理ノード、シーケンス実行ノード、およびWebSocketノードが含まれます。このトピックでは、Blueprint Editorでデータ処理ノードを設定する方法について説明します。

ページナビゲーションノード

ページナビゲーションノード。ページのリダイレクトに使用できます。新しいブラウザタブを開くか、現在のタブ内でページをリダイレクトできます。ページをリダイレクトするときにカスタムパラメーターを指定することもできます。

シナリオ: 多数のページナビゲーションノードを使用して、新しいページに移動します。たとえば、次のシナリオでは、マップ上のエリアをクリックして、設定されたエリアの下位レベルのページに移動できます。マップエリアをクリックすると、シリアルデータ処理ノードを使用して現在のエリアのadcodeフィールドの値を取得できます。返されるパラメーターデータはreturn {adcode: Data. area_id}; です。次に、ナビゲーションノードの構成パネルで、下位レベルのジャンプページのリンクアドレスを https://www.other-page.com に設定し、パラメーター変数名adcodeをカスタマイズし、シリアルデータ処理によって返された結果をページナビゲーションノードの開いているページに入力します。

ページナビゲーションノードをキャンバスに追加します。 ページナビゲーションノードでサポートされているイベントとアクション、および設定パラメーターを表示できます。詳細については、「論理ノードの使用」をご参照ください。

页面导航处理面板

パラメーター	機能
リンクアドレス	宛先ページのURL。
新しいページ	スイッチをオンにして新しいwebページを開き、ジャンプリンクアドレスを開きます。スイッチをオフにして、元のwebページのジャンプリンクアドレスを開きます。
リクエストパラメーター	ページに移動するときに、リクエストパラメーターのパラメーター名とパラメーター値をカスタマイズできます。右側のまたはアイコンをクリックして、リクエストパラメーターを追加または削除します。またはアイコンをクリックして、複数のリクエストパラメーターの配置スタイルを設定します。アイコンをクリックして、選択したリクエストパラメーター設定をコピーし、同じ設定のリクエストパラメーターを追加します。

次の表では、[その他の設定] のパラメーターのみを説明します。その他のパラメーターの詳細については、「共通パラメーター」をご参照ください。

出力: なし。

並列データ処理ノード

並列データ処理ノードは、複数のイベントを並列に処理するために使用される。各イベントは互いに影響しません。

シナリオ: 並列データ処理ノードは、データ配信シナリオで広く使用されています。たとえば、ウィジェットインターフェイスは {name: 'Blueprint Editor', version: 'v1.0' } を返します。これは2つの共通のタイトルウィジェットに配布されます。 1つは名前フィールドを使用し、もう1つはバージョンフィールドを使用します。このノードを使用して、return [{value: data.name}] とreturn [{value: data.version}] の2つの処理方法を追加できます。

Parallel Data Processingノードをキャンバスに追加します。 [並列データ処理] ノードでサポートされているイベントとアクション、および設定パラメーターを表示できます。詳細については、「論理ノードの使用」をご参照ください。

并行数据处理面板

イベントまたはアクション	説明
処理方法	並列にデータを処理する方法。設定パネルで複数の処理方法を追加できます。処理方法が追加されると、[並列データ処理] ノードに表示されます。異なる処理方法を異なる上流ノードに接続して、データ並列処理を実施することができる。

パラメーター	機能
処理方法	JavaScriptで関数本体を編集できます。返される結果の種類は任意です。

出力: 上流ノードの出力結果は、関連する処理方法を使用して計算されます。

シリアルデータ処理ノード

シリアルデータ処理ノードは、イベントをシリアルモードで処理します。

シナリオ: 10進数の0.835を整数83% のパーセンテージに変換する場合は、次の操作が必要です。単位の変換に基づいて0.835を83.5に変更し、83に切り下げ、パーセント記号 (83%) を追加します。これらの操作はすべて、連続して実行する必要があります。

シリアルデータ処理ノードをキャンバスに追加します。 シリアルデータ処理ノードでサポートされているイベント、アクション、および構成パラメーターを表示できます。詳細については、「論理ノードの使用」をご参照ください。

串行数据处理面板

イベントまたはアクション	説明
処理方法	シリアル方式でデータを処理するための方法。設定パネルで複数の処理方法を追加できます。処理方法が追加されると、[シリアルデータ処理] ノードに表示されます。すべての処理方法が連携してデータを処理します。

パラメーター	機能
処理方法	JavaScriptで関数本体を編集できます。返される結果の種類は任意です。

出力: 上流ノードの出力結果は、関連する処理方法を使用して計算されます。

シーケンシャル処理ノード

下流ノードでアクションを順番に実行する場合は、[シーケンシャル実行] ノードを使用して、アクションが上から下に順番に実行されるようにします。

シナリオ: 各シナリオには複数のデータパネルがあります。シナリオAのデータパネルではなく、シナリオBのデータパネルを使用する必要がある場合は、[シーケンシャル実行] ノードを使用して、異なるシナリオのデータパネルをグループ化し、AとBの順序で実行できます。

シーケンス実行ノードをキャンバスに追加します。 [シーケンス実行] ノードでサポートされているイベントとアクション、および設定パラメーターを表示できます。詳細については、「論理ノードの使用」をご参照ください。

序列执行面板

イベントまたはアクション	説明
実行	上流ノードの出力結果は、逐次処理ノードの結果を計算するために提供される。
データ処理	シーケンシャル処理ノードがデータを処理するために使用するメソッド。設定パネルで複数の処理方法を追加できます。処理方法が追加されると、[シーケンス実行] ノードに表示されます。各メソッドは、データ処理を順番に実行する。

パラメーター	機能
処理方法	JavaScriptで関数本体を編集できます。返される結果の種類は任意です。複数の処理方法を設定できますが、相互に影響することはありません。これは、各処理方法が独立した計算を用いるためである。上流ノードの出力結果を各方法の入力とし、各処理方法の計算結果を出力とする。

出力: 出力結果は、上流ノードの出力結果が順番に処理方法を使用して計算された後に取得されます。

WebSocketノード

WebSocketノードは画面間通信ノードです。各メッセージは、メッセージ名とデータから構成される。メッセージ名は設定パラメーターでカスタマイズされ、データは上流ノードの出力結果です。

シナリオ: WebSocketノードは、複数の端末間のコマンドおよびデータ送信サービスに使用されます。たとえば、大画面とモバイル端末間、または大画面とタッチスクリーン間のデータ伝送です。

WebSocketノードをキャンバスに追加します。 WebSocketノードの設定パラメーターを表示できます。詳細については、「論理ノードの使用」をご参照ください。

WebSocket面板

パラメーター	機能
Socket Service Address	ソケットバックエンドサービスのアドレス。 DataV-WSツールキットが用意されています。詳細については、「DataV-WSサービスの使用方法」をご参照ください。
画面ID	WebSocketノードが配置されている画面のID。 IDを入力します。
画面名	画面上のWebSocketノードの名前。
グループ化	WebSocketノードメッセージは、同じソケットサービスの同じグループでのみブロードキャストされます。ほとんどの場合、1つのプロジェクトに1つのグループ名が使用されます。
受信メッセージ	WebSocketノードが相手から受信するメッセージの名前。承認メッセージを追加または削除するには、右側のまたはアイコンをクリックします。またはアイコンをクリックして、複数の受信メッセージの配置スタイルを設定します。アイコンをクリックして、選択したメッセージ受信設定の内容をコピーし、メッセージ受信設定を追加します。
送信メッセージ	このWebSocketノードが相手に送信するメッセージの名前。右側のまたはアイコンをクリックして、メッセージを追加または削除します。またはアイコンをクリックして、複数の送信メッセージの配置スタイルを設定します。アイコンをクリックして、現在のメッセージ送信設定の内容をコピーし、同じ設定のメッセージ送信設定を追加します。

出力: なし。

ユーザーが作成したWebSocketノードサービス

WebSocketノードサービスを作成した場合は、フロントエンドコードを記述することなく、このサービスをDataVが提供するWebSocketノードに接続できます。

登録メッセージ

次のコードスニペットは、WebSocketノードによって送信される登録メッセージの形式を示しています。

{
  event: "register",
  data: {
    sid: 407194,                                      //The project ID.
    name: "Data source control mode test",                        //The project name.
    group: "Default group"                                 //The default group.
  },
  callback: "callback_15832235175585251131307383912" //The current timestamp of the registration, which is automatically generated.
}

WebSocketノードサービスが登録メッセージを受信した後、サービスがWebSocketノードに登録する前に、次のメッセージを返す必要があります。

{
  event: "callback_15832235175585251131307383912",   //The same timestamp of the previous registration is returned.
  data: {
    isError: false, //Set the value to false.
    data: "ok"
  }
}

メッセージ送信

次のコードスニペットは、WebSocketノードによって送信される登録メッセージの形式を示しています。

{
  event: 'broadcast',
  data: {
    event: "Sent message 1",                         //The name of the sent message.
    data: {}                                         //The data in any format.
  }
}

メッセージの受信

次のコードスニペットは、WebSocketノードが受信したメッセージの形式を示しています。

{
  event: "broadcast_Received message 1",                  //broadcast_${Received message name}
  data: {}                                          //The data in any format.
}

WebSocketサーバーに接続できない場合は、次の手順を実行して問題をトラブルシューティングします。

HTTPS経由でWSサービスに直接アクセスすることはできません。 HTTPS経由でWSサービスにアクセスする前に、WSSサービスを使用し、独自のSSL証明書サービスを使用してWSサービスアドレスをプロキシする必要があります。
ファンクションキーF12を使用してブラウザーのデバッグページを開き、ブラウザーネットワークタブのWSタグ接続プロンプト情報を確認し、クロスドメインが設定されていないかどうか、および接続によって返される応答のヘッダーにSec-WebSocket-Protocol to echo-protocolの設定があるかどうかを確認します。
接続が成功したら、ドキュメント内のメッセージ形式に基づいてパラメータを渡すことができます。