【极致版】华为云Astro轻应用抽取IoTDA影子设备参数生成表格页面全流程
做份极致详细Astro调取iotda影子设备数据的操作手册，每一步都分成：
-
要进入哪个界面
-
点哪个按钮
-
要填什么内容（样例）
-
如果出错怎么办
-
填写示例
完全对应你这个需求：Astro轻应用抽取IoTDA影子设备数据，展示成设备参数表格。
【极致版】Astro轻应用抽取IoTDA影子设备参数生成表格页面 全流程
第一步：准备资料（一定要先有）
必须准备好下面四样东西，后面都要用：
| 名称 | 用途 | 怎么获得 |
|---|---|---|
| IoTDA实例地址 | 连接IoTDA用，比如：iot-xxxxx.cn-east-3.myhuaweicloud.com | 华为云控制台里IoTDA服务实例页面查看 |
| 项目ID（project_id） | 访问接口用，比如：8fbb4e45e1234abcd567890fa7fc9123 | 统一身份认证服务里面找到 |
| 设备ID（device_id） | 具体哪台设备的影子数据 | IoTDA设备管理列表里复制设备ID |
| Token（access_token） | 认证用，比如 eyJrZXl... 一长串 | 通过华为云API调用获取，或联系管理员 |
如果没有Token，我可以教你快速拿，告诉我。
第二步：登录Astro轻应用设计器
-
浏览器打开
➔ 输入网址：https://astrozero.huaweicloud.com/ -
使用你的华为云账号登录
➔ 登录进去看到【我的应用】页面。
第三步：创建连接器（Astro认识IoTDA）
3.1 进入连接器管理页面
-
左侧导航栏
➔ 找到【集成】→【连接器实例】 -
右上角点击【➕新建】
弹出一个新窗口。
3.2 填写连接器基本信息
| 字段 | 填什么（样例） |
|---|---|
| 标签 | IotdaConnector （随便起，好记就行） |
| 名称 | iotda_connector （必须小写字母或下划线，不能中文，不能空格） |
| 类型 | Rest服务 （选这个） |
| 主机地址 | iot-xxxxx.cn-east-3.myhuaweicloud.com（不要加http://） |
| 认证方式 | 选择【Token】认证 |
| 描述（可选） | IoTDA连接器，用来拉取影子数据 |
-
都填完，点【保存】。
如果保存时报错：
-
检查是不是有中文
-
检查主机地址有没有写错（不要http://）
第四步：在连接器里创建动作（告诉Astro怎么调用接口）
4.1 进入动作管理页面
-
刚才保存后，会跳回连接器列表
-
找到你刚建的连接器
iotda_connector→ 点进去 -
切到上方标签【动作】页签
-
右上角点击【➕新建】
4.2 填动作基本信息
| 字段 | 填什么（样例） |
|---|---|
| 标签 | GetShadow （动作的名字，自己认识就行） |
| 名称 | get_shadow（英文+下划线，不能中文） |
| URL | /v5/iot/{project_id}/devices/{device_id}/shadow |
| 方法 | 选择【GET】 |
| 内容类型（输入） | 选择【application/json】 |
| 返回类型（输出） | 选择【application/json】 |
| 超时时间 | 默认20秒（不要动） |
然后点【下一步】。
4.3 填消息头入参（告诉接口你的Token）
-
在【消息头入参】界面，点击【➕新增】两次，添加两行：
| 标签 | 名称 | 数据类型 | 默认值 | 必填 |
|---|---|---|---|---|
| Authorization | Authorization | 字符串 | 不填 | 勾选必填 |
| （可选）X-Auth-Token | X-Auth-Token | 字符串 | 不填 | 不勾 |
-
填完，点【下一步】。
4.4 填输入参数（告诉接口设备信息）
-
在【输入参数】界面，点击【➕新增】两次，添加两行：
| 标签 | 名称 | 参数位置 | 数据类型 | 必填 |
|---|---|---|---|---|
| Project ID | project_id | URL路径参数 | 字符串 | 勾选必填 |
| Device ID | device_id | URL路径参数 | 字符串 | 勾选必填 |
-
填完，点【下一步】。
4.5 填输出参数（告诉页面取回哪些数据）
-
在【输出参数】界面，点击【➕新增】一行：
| 标签 | 名称 | 参数位置 | 数据类型 | 集合 |
|---|---|---|---|---|
| Shadow Data | shadow_data | 消息体 | 键值对(Map) | 否 |
-
填完，点【保存】。
4.6 启用动作
-
在动作列表，找到
get_shadow这一行 -
右边有个开关【OFF】
-
点一下，变成【ON】。
第五步：创建服务编排（让前端可以调用这个动作）
5.1 新建服务编排
-
左侧栏 ➔ 找【逻辑】 ➔ 【服务编排】
-
右上角【➕新建】
填写信息：
| 字段 | 填什么（样例） |
|---|---|
| 标签 | GetShadowFlow |
| 名称 | get_shadow_flow |
| 类型 | 选择【自动触发流程】 |
点【添加】。
5.2 在画布上拖拽动作
-
左侧栏打开【连接器】→【自定义】→【你的iotda_connector】
-
找到动作
get_shadow -
用鼠标拖到中间画布上。
5.3 配置动作参数
点击【动作图标】，右侧会出现配置：
输入参数设置（必须点【新增行】）：
| 目标（系统要求的参数） | 源（你自己定义的变量） |
|---|---|
| Authorization | {input.token} |
| project_id | {input.project_id} |
| device_id | {input.device_id} |
输出参数设置（也要【新增行】）：
| 源（接口返回的） | 目标（存到context里） |
|---|---|
| shadow_data | {context.shadow_data} |
设置完，点【保存】。
5.4 测试编排
-
点上方的【运行】
-
在弹出的【输入参数】填：
-
token：你的Token
-
project_id：你的项目ID
-
device_id：你的设备ID
-
-
点【运行】。
如果成功，下面【输出结果】就能看到设备影子数据了！
如果报错：
-
检查Token是不是过期
-
检查项目ID、设备ID是不是错了
第六步：创建页面并加表格
6.1 新建页面
-
左侧栏【页面】→ 【➕新建页面】
-
选择【普通页面】
填写信息：
| 字段 | 填什么（样例） |
|---|---|
| 页面名称 | DeviceShadowTable |
点【添加】。
6.2 拖表格组件
-
页面编辑器打开
-
左侧【组件】栏找到【表格】
-
拖到页面中央。
6.3 配置表格数据源
-
选中表格组件
-
右侧【属性面板】里：
-
数据来源 → 选择【服务编排】→ 【get_shadow_flow】
-
数据绑定 → 填：
{context.shadow_data}
-
6.4 配置表格字段
如果返回影子数据是这样：json
{"reported": {"temperature": 25,"humidity": 60,"status": "online"}
}
那就设置表格字段：
| 字段路径 | 表头名称 |
|---|---|
| reported.temperature | 温度 |
| reported.humidity | 湿度 |
| reported.status | 状态 |
-
在【表格列配置】里一个个添加。
6.5 保存并预览
-
点【保存】。
-
点【预览】或者【发布】。
-
运行页面，输入设备信息，表格就能自动展示设备影子数据了！
【最终总结】整个超详细步骤
| 阶段 | 步骤 | 操作关键词 |
|---|---|---|
| 连接IoTDA | 创建连接器 | 填Host、选Token |
| 调接口 | 创建动作 | 填接口路径、Token、参数 |
| 把动作编排 | 创建服务编排 | 拖拽动作、设置参数 |
| 展示数据 | 创建页面 | 加表格，绑定数据 |
| 运行测试 | 预览页面 | 输入信息查看表格 |