当前位置：首页 > wzjs >正文

前端自己做博客网站seo视频教程

wzjs 2025/8/12 2:24:14

前端自己做博客网站,seo视频教程,微信小程序用什么开发,网站怎样制作流程做份极致详细Astro调取iotda影子设备数据的操作手册，每一步都分成： 要进入哪个界面点哪个按钮要填什么内容（样例） 如果出错怎么办填写示例完全对应你这个需求：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、参数
把动作编排	创建服务编排	拖拽动作、设置参数
展示数据	创建页面	加表格，绑定数据
运行测试	预览页面	输入信息查看表格