检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
单击，在查找框中搜索“Astro轻应用”，单击查找到的结果，进入华为云Astro轻应用服务控制台。 在主页中，单击“进入首页”，进入应用开发页面。 单击主页中的“业务大屏”，或者左侧导航栏中的“业务大屏”，进入业务大屏界面。 单击待导出项目上的，进入项目发布页面。 将鼠标放在对应的版本上，单击。 图1 单击下载图标
如何设置分享码 华为云Astro大屏应用支持设置页面分享码，设置后，需要校验分享码才可正常访问页面，以提高安全性。 设置分享码 进入已开发好的页面。 在页面工具栏中，单击，保存页面。 保存成功后，单击，打开“发布链接”开关。 图1 打开发布链接（新建项目） 图2 打开发布链接（已有项目）
其中，“frame-ancestors”为固定格式，“域名”为大屏待嵌入的第三方系统的域名。除了上述场景外，还有一种典型的场景是将大屏嵌入本地的file中，如图3。 图3 将大屏嵌入本地的file中 登录第三方系统，在Elements中，增加“<iframe src="URL" ></iframe>”。
选中基本折线图组件，单击组件上方的，设置组件标题“内容”为“告警平均处理时长统计”。 图10 设置基本折线图组件标题 选中基本折线图组件，单击组件上方的，打开Y轴轴线“显示”开关。 图11 轴线显示 单击页面上方的，保存后单击，选择不同手机型号查看页面在移动端上的显示效果。 图12 查看移动端效果
选中组件，单击组件上方的。 选择所需的数据类型。 在配置流程中，通过SQL语句，获取数据。 数据接入的SQL语句中，需要添加4中创建的全局变量offset和pageSize，来限制每次获取的数据。 图5 输入SQL语句 图6 输入“$”添加全局变量 在组件预览中，将表格中的字段，拖拽到对应的配置中。
如何设置页面间参数传递 华为云Astro大屏应用开发中，可通过设置组件的事件和动作属性来实现组件与组件、组件与页面之间的交互。在组件的交互响应事件中，可通过“页面跳转”响应动作传递页面参数。当跳转页面时，当前页面参数会传入到打开的页面中，支持自定义传参为固定值，也可绑定页面级全局变量。
如何基于页面级的全局变量实现组件交互 华为云Astro大屏应用支持设置页面级的全局变量，通过页面组件间的交互，可给全局变量赋值。本章节将以开发一个告警监控页面为例，逐步介绍如何开发一个基于全局变量的交互页面。 场景说明 开发一个告警监控页面，如图1所示，在页面上方下拉框中选择告警
如何设置Token认证 在华为云Astro大屏应用中，通过设置Token认证，可以对大屏交互时传递的参数进行签名鉴权，保证大屏的URL访问链接的参数不能被篡改，从而提高大屏数据以及用户信息的安全性。使用Token签名验证功能需具备的条件及背景介绍，请参见华为云Astro大屏应用分享页Token签名校验使用说明。
选中组件，单击组件上方的。 选择所需的数据类型。 在全局变量配置下方，单击“+”，选择转换器，添加2创建的转换器。 图5 添加转换器 在组件预览中，将表格中的字段，拖拽到对应的配置中。 图6 从表格字段中拖拽字段到对应配置中 单击“保存”，完成组件数据源的配置。 保存页面，预览效果。
操作场景 当系统预置的组件无法满足用户需求时，用户可自定义组件包进行上传，在页面中进行使用。在开发自定义组件前，请仔细阅读自定义组件开发规范章节内容，了解组件的开发规范。下面以开发网站中常用的柱状图（vue2+Echarts）组件为例，向您介绍如何开发自定义组件。 本节使用的示例组件开发
自定义组件时，如何设置交互事件的输出变量 操作场景 开发者自定义组件时，可设置交互事件的输出变量，如图1所示，华为云Astro大屏应用支持将事件的输出变量（如“selectValue”）绑定页面级的全局变量（如“status”）。 图1 事件输出参数绑定全局变量 实现逻辑 自定义
后，在组件“数据”页签中可选择具体的数据集。 连接器管理：通过新建HTTP连接器，可引入第三方的API作为组件的数据来源。 转换器管理：转换器是对数据集数据的再加工，为了将数据和组件更好的结合，以达到最佳的视觉展示效果。 我的资产 显示当前用户的素材、组件、库、模板等，更多介绍请参见资产管理。
设置组件数据源。 选中组件，单击组件上方的。 选择所需的数据类型。 在全局变量配置下方，单击“+”，选择转换器，添加2创建的转换器。 图5 添加转换器 在组件预览中，将表格中的字段，拖拽到对应的配置中。 图6 拖拽字段到对应配置中 单击“保存”，完成组件数据源的配置。 保存页面，预览效果。 图7
单击该图标，可查看设置的分享码。 有效期设置：设置分享码的有效期。如果不设置有效期，分享码将永久有效。 设置Token认证：通过设置Token认证，可对大屏交互时传递的参数进行签名鉴权，保证大屏的URL访问链接的参数不会被篡改，从而提高大屏数据及用户信息的安全性。如何设置Token认证，请参见如何设置Token认证。
如何通过全局变量，实现组件数据的动态变化 在华为云Astro大屏应用中，支持通过全局变量，来控制组件数据的动态显示。本章节以全局变量，控制地图组件中数据的动态显示为例进行介绍。 通过全局变量实现组件数据动态变化 参考关系型数据库数据源中操作，新建关系型数据库数据源。 图1 新建关系型数据库数据源
如何自定义动作 操作场景 在配置组件交互时，可以通过编写代码实现自定义交互动作，从而实现对应的业务需求。 图1 自定义动作 自定义动作参数说明 在自定义动作中，支持直接使用的参数如下： eventParam：组件传递出的参数。 以日期选择器组件为例，介绍如何获取eventParam。
如何在数据集或跳转事件动作中设置变量 在组件的数据集或组件的跳转事件动作中，是支持设置变量的。 在数据集或事件动作中设置变量 在大屏编辑页面上方，单击，新建并设置页面级全局变量。 例如，新增全局变量“url”，设置变量说明为“数据详情页面URL”。 图1 新增全局变量 从“全部组件
单击该图标，可查看设置的分享码。 有效期设置：设置分享码的有效期。如果不设置有效期，分享码将永久有效。 设置Token认证：通过设置Token认证，可对大屏交互时传递的参数进行签名鉴权，保证大屏的URL访问链接的参数不会被篡改，从而提高大屏数据及用户信息的安全性。如何设置Token认证，请参见如何设置Token认证。
单击该图标，可查看设置的分享码。 有效期设置：设置分享码的有效期。如果不设置有效期，分享码将永久有效。 设置Token认证：通过设置Token认证，可对大屏交互时传递的参数进行签名鉴权，保证大屏的URL访问链接的参数不会被篡改，从而提高大屏数据及用户信息的安全性。如何设置Token认证，请参见如何设置Token认证。
单击该图标，可查看设置的分享码。 有效期设置：设置分享码的有效期。如果不设置有效期，分享码将永久有效。 设置Token认证：通过设置Token认证，可对大屏交互时传递的参数进行签名鉴权，保证大屏的URL访问链接的参数不会被篡改，从而提高大屏数据及用户信息的安全性。如何设置Token认证，请参见如何设置Token认证。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
