Insights Hub Dashboard Designer (DD) 与 Visual Flow Creator (VFC) 集成案例

一、介绍

在 DD 中，可以使用 VFC 作为数据源以获取从 VFC 中传递过来的数据。参考：如何在 VFC 中配置流以作为 DD 数据源。

二、案例

2.1 在 DD 中向 VFC 流传递请求参数

在 DD 中选择 VFC 作为数据源后，可以在调用 VFC 流时传递参数。参考如下步骤：

1. 在 DD 中选择 VFC 作为数据源；
2. 在查询参数中填入 key/value 键值对（下图中有 2 个参数：from 和 to，其值为从 DD 内置环境变量里获取的值）：
   

2.2 在 VFC 中接收请求参数

在 VFC 工作空间中添加一个 function 节点，通过如下 JavaScript 代码获取请求参数里的值：

const reqParam = msg.req.query
let from = parseInt(reqParam.from[0])
let to = parseInt(reqParam.to[0])

2.3 通过 from、to 继续调用 IoT 节点获取 IoT Time Series (TS) 数据

在 VFC 里获取到了从 DD 里传递过来的 from 和 to 参数后，可以继续通过 from 和 to 来调用 IoT 节点获取 TS 数据。

继续在 2.2 章节中的 function 节点里添加下述代码：

from = new Date(from).toISOString()
to = new Date(to).toISOString()

msg.from = from
msg.to = to

return msg

通过上述代码，将获取到的 from 和 to 值作为属性继续传递到 msg 对象里；这样后续使用 IoT 相关节点时，VFC 可以直接识别 msg 对象里的对应属性以发送请求。

完整的 function 节点代码截图如下：

2.4 添加 read timeseries 节点

添加 "read timeseries" 节点。该节点的 "Mode" 需要设置为 Interval；From 和 To 保持为空，因为在 2.3 步骤中我们已经将 from 和 to 作为 msg 的属性进行了赋值，VFC 会自动读取 msg 中的属性。