物联网平台 --- iot studio跳转页面传递数据

Step By Step

1. Web可视化添加页面设置组件
2. 设计业务逻辑
3. 组件添加交互
4. 效果展示

一.Web可视化添加页面设置组件

   本文以按钮 和 文字组件展示，将按钮的文本信息传递给另一个页面的文字组件。

   分别创建两个页面，页面A 和 B；A页面放置一个按钮组件，B页面放置一个文本组件。

二.设计业务逻辑

 通过HTTP请求获取到需要传递的参数，放入脚本中，通过脚本将参数值赋值给变量。

1. HTTP参数设置入参配置
2. 添加变量，根据自己的需求设置类型
3. 通过脚本决定参数的返回

module.exports=asyncfunction(payload, node, query, context, global) {
console.log("payload: ", payload);
//判断入参是否为空，空则返回变量，不为空重新为变量赋值//变量：global.变量名称   入参:payload.入参名称if(payload.inputData==""){
returnglobal.data;
  }
global.data=payload.inputData;
returnglobal.data;
}

三.组件添加交互

 1.将按钮内容赋值给页面变量，作为后续的参数输出。

 2.调用业务逻辑，将按钮内容保存到变量中

 3.设置需要跳转的页面

 4.文字组件同样也设置业务逻辑API，选择静态参数，值为""

四.效果展示