检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
如何基于页面级的全局变量实现组件交互 华为云Astro大屏应用支持设置页面级的全局变量，通过页面组件间的交互，可给全局变量赋值。本章节将以开发一个告警监控页面为例，逐步介绍如何开发一个基于全局变量的交互页面。 场景说明 开发一个告警监控页面，如图1所示，在页面上方下拉框中选择告警
如何设置Token认证 在华为云Astro大屏应用中，通过设置Token认证，可以对大屏交互时传递的参数进行签名鉴权，保证大屏的URL访问链接的参数不能被篡改，从而提高大屏数据以及用户信息的安全性。使用Token签名验证功能需具备的条件及背景介绍，请参见华为云Astro大屏应用分享页Token签名校验使用说明。
如何进行版本回退 开发者开发某个大屏页面时，希望回退到历史某个页面版本进行编辑。 版本回退 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在项目列表的所有项目中，单击页面所在的项目，进入项目。 在所有页面中，单击对应的页面，单击“编辑页面”，进入大屏开发页面。
其中，“frame-ancestors”为固定格式，“域名”为大屏待嵌入的第三方系统的域名。除了上述场景外，还有一种典型的场景是将大屏嵌入本地的file中，如图3。 图3 将大屏嵌入本地的file中 登录第三方系统，在Elements中，增加“<iframe src="URL" ></iframe>”。
图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图例是指在多维度可视化图形表达中，用以区分不同维度可视化图形的提示标识。 提示（悬浮提示）主要用于展示可视化图表组件，在具体维度节点的具体指标展示。 指标是指可视化组件中，对除可视化图形之外的具体补充
选中组件，单击组件上方的。 选择所需的数据类型。 在配置流程中，通过SQL语句，获取数据。 数据接入的SQL语句中，需要添加4中创建的全局变量offset和pageSize，来限制每次获取的数据。 图5 输入SQL语句 图6 输入“$”添加全局变量 在组件预览中，将表格中的字段，拖拽到对应的配置中。
选中组件，单击组件上方的。 选择所需的数据类型。 在全局变量配置下方，单击“+”，选择转换器，添加2创建的转换器。 图5 添加转换器 在组件预览中，将表格中的字段，拖拽到对应的配置中。 图6 从表格字段中拖拽字段到对应配置中 单击“保存”，完成组件数据源的配置。 保存页面，预览效果。
设置组件数据源。 选中组件，单击组件上方的。 选择所需的数据类型。 在全局变量配置下方，单击“+”，选择转换器，添加2创建的转换器。 图5 添加转换器 在组件预览中，将表格中的字段，拖拽到对应的配置中。 图6 拖拽字段到对应配置中 单击“保存”，完成组件数据源的配置。 保存页面，预览效果。 图7
如何在数据集或跳转事件动作中设置变量 在组件的数据集或组件的跳转事件动作中，是支持设置变量的。 在数据集或事件动作中设置变量 在大屏编辑页面上方，单击，新建并设置页面级全局变量。 例如，新增全局变量“url”，设置变量说明为“数据详情页面URL”。 图1 新增全局变量 从“全部组件
如何通过全局变量，实现组件数据的动态变化 在华为云Astro大屏应用中，支持通过全局变量，来控制组件数据的动态显示。本章节以全局变量，控制地图组件中数据的动态显示为例进行介绍。 通过全局变量实现组件数据动态变化 参考关系型数据库数据源中操作，新建关系型数据库数据源。 图1 新建关系型数据库数据源
单击，在查找框中搜索“Astro轻应用”，单击查找到的结果，进入华为云Astro轻应用服务控制台。 在主页中，单击“进入首页”，进入应用开发页面。 单击主页中的“业务大屏”，或者左侧导航栏中的“业务大屏”，进入业务大屏界面。 单击待导出项目上的，进入项目发布页面。 将鼠标放在对应的版本上，单击。 图1 单击下载图标
器请求参数的值。 无身份验证：不需要任何验证信息，直接调用接口，通常用于访问一些公开的接口。 AK/SK：通过访问密钥进行接口鉴权。访问密钥即AK/SK（Access Key ID/Secret Access Key），是您访问系统的身份凭证，系统通过AK识别访问用户的身份，通过
择创建DWS数据集中创建的数据集。 配置全局变量。 全局变量可以理解为参数变量，用于控制组件之间参数的传递，从而达到交互的目的，例如图表联动、自定义字段等功能。如何使用全局变量，可参考如何基于页面级的全局变量实现组件交互~如何通过全局变量，实现组件数据的动态变化。本示例不做配置。
设置Token认证：通过设置Token认证，可对大屏交互时传递的参数进行签名鉴权，保证大屏的URL访问链接的参数不会被篡改，从而提高大屏数据及用户信息的安全性。 设置内容安全策略：大屏页面嵌入第三方系统时（例如以iframe形式嵌入），如果涉及跨域访问，请开启内容安全策略。设置内容安全策略的主要目的是减少和报告XSS
在主菜单中，选择“我的资产”。 在左侧导航栏中，单击“我的库”。 将鼠标放在对应的库上，单击，获取锁。 将鼠标放在对应的库上，单击，进入更新库页面。 图7 进入更新库页面 在库更新页面，上传新的库、设置库参数，单击“更新”。 图8 设置库信息 将鼠标放在对应的库上，单击，可查看到新版本的库。 ：单击该图标，可下载当前版本库。
beforeDestroy()函数：组件销毁回调事件，负责组件在销毁期间的内存释放逻辑实现，需要把组件绑定的一些dom事件及全局的引用销毁。 /** * 组件销毁回调事件，负责组件在销毁期间的内存释放逻辑实现，需要把组件绑定的一些dom事件及全局的引用销毁 */ beforeDestroy()
通过重命名功能，可自定义组件的名称，便于搜索和管理。 重命名组件 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在编辑页面状态下，选中组件，单击右键，选择“重命名”。 图1 重命名 您也可以在“图层”中，将鼠标悬浮在组件上，单击“重命名”。 图2 在图层中重命名组件
后，在组件“数据”页签中可选择具体的数据集。 连接器管理：通过新建HTTP连接器，可引入第三方的API作为组件的数据来源。 转换器管理：转换器是对数据集数据的再加工，为了将数据和组件更好的结合，以达到最佳的视觉展示效果。 我的资产 显示当前用户的素材、组件、库、模板等，更多介绍请参见资产管理。
为了便于描述，对于名称不固定的手册，统一采用“{widget}”来命名。 i18n.json：组件的国际化资源文件，用于配置多语言。例如，messages-zh.json为中文，messages-en.json为英文。 packageinfo.json：组件的元数据描述文件。 {widget}
目录”，新建一个目录。 责任人：数据集的创建人。 描述：新建数据集的描述信息，通常设置为数据集的功能。 配置数据集参数。 图3 设置数据集 应用：选择调用自定义接口所属的应用。 API接口：选择待调用的API接口，下拉框中的选项取值为接口的标签，如果接口标签取值为中文，则这里“A
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
