检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
发布页面 操作场景 通过发布功能，无需进入开发页面，即可获取页面的访问地址。 操作步骤 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在项目列表中，单击页面所在的项目，进入项目。 将鼠标放在待发布的页面上，单击，进行页面发布设置。 发布链接：单击发布
ROMA连接器数据源 操作场景 第三方接口或服务通过配置为ROMA连接器的方式，接入外部数据。 操作步骤 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“数据源”。 在数据源管理页面，单击“新建数据源”。
使用空白画布新建页面 创建移动端页面操作和大屏&PC端页面相同，本章节以创建大屏&PC端页面为例进行介绍。 操作场景 从零开始，通过拖拽组件、设置页面布局、数据源等，构建AstroCanvas大屏&PC端页面。 操作步骤 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。
SafeUtils安全工具类预置API一览表 表1 SafeUtils安全工具类预置API一览表 API API说明 escapeHtml() 将HTML字符串进行转义。 getSafeUrl() 对外部链接进行xss安全过滤，获取安全的绝对URL地址。 escapeHtml()
3D场景编辑器 图观端场景编辑器用于实现3D模型的展示和编辑。 购买“Astro大屏应用企业版”实例时，才会显示该组件。 在大屏设计页面，从“全部组件 > 3D场景编辑器”中，拖拽“图观端场景编辑器”组件至画布空白区域，如图1。 图1 图观端场景编辑器 配置 在配置中，为图观端场景编辑器设置容器名称和场景地址。
页面间交互 操作场景 页面间交互是指在不同页面中，进行的相互跳转动作。可跳转同一项目中的任一页面，或跳转外部页面。在跳转项目内部页面时，用户可设置跳转携带相关参数。 同项目不同页面之间的跳转 当项目场景较多，一屏无法完全涵盖所有内容或需要额外查询时，为了性能考虑，通常会采取传递参
Prometheus数据源 操作场景 普罗米修斯（Prometheus）是一个开源系统监控和告警工具包，主要用于收集和存储时间序列数据，并提供了强大的查询和告警功能。AstroCanvas支持对接Prometheus数据源，将普罗中的数据作为组件的数据展示。 操作步骤 参考登录A
FLV视频播放 FLV视频播放是媒体组件的一种，用于播放FLV（Flash Video）格式的视频。 在大屏设计页面，从“全部组件 > 媒体”中，拖拽“FLV视频播放”组件至画布空白区域，如图1。 图1 FLV视频播放 图2 边距样式说明 卡片 卡片是指包裹媒体组件的外层架构，可
如何设置Token认证 操作场景 在AstroCanvas中，通过设置Token认证，可以对大屏交互时传递的参数进行签名鉴权，保证大屏的URL访问链接的参数不能被篡改，从而提高大屏数据以及用户信息的安全性。使用Token签名验证功能需具备的条件及背景介绍，请参见AstroCanvas分享页Token签名校验使用说明。
图片 图片是媒体组件的一种，用于直接展示需要呈现的图片数据。 在大屏设计页面，从“全部组件 > 媒体”中，拖拽“图片”组件至画布空白区域，如图1。 图1 图片 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
使用页面模板文件新建页面 创建移动端页面操作和大屏&PC端页面相同，本章节以创建大屏&PC端页面为例进行介绍。 操作场景 使用页面模板文件，构建开发页面，减少重复开发，提高交付效率。 前提条件 已获取对应的页面模板文件，详情请参见下载当前页面。 操作步骤 参考登录AstroCan
如何设置内容安全策略 操作场景 大屏页面嵌入第三方系统时（例如以iframe形式嵌入），如果涉及跨域访问，请开启内容安全策略。设置内容安全策略的主要目的是减少和报告XSS攻击，缓解跨站脚本攻击。除限制可以加载内容的域，还可指明哪种协议允许使用，缓解数据包嗅探攻击。 操作步骤 参考
新建连接器 操作场景 在AstroCanvas中，通过新建HTTP连接器，可引入第三方的API作为组件的数据来源。 图1 在组件中有引入连接器流程 操作步骤 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“连接器”。
视频 视频是媒体组件的一种，用于播放MP4、OGG、MOV、WEBM格式的视频。 在大屏设计页面，从“全部组件 > 媒体”中，拖拽“视频”组件至画布空白区域，如图1。 图1 视频 图2 边距样式说明 卡片 卡片是指包裹媒体组件的外层架构，可以理解为组件由卡片中基础元素（卡片背景、特效、卡片边框）和视频元素构成。
视频流 视频流是媒体组件的一种，主要用于对接监控视频流，在可视化应用中主要应用于监控场景需求，对接监控视频展示场景。 在大屏设计页面，从“全部组件 > 媒体”中，拖拽“视频流”组件至画布空白区域，如图1。 图1 视频流 图2 边距样式说明 卡片 卡片是指包裹媒体组件的外层架构，可
如何在数据集或跳转事件动作中设置变量 在组件的数据集或组件的跳转事件动作中，是支持设置变量的。 操作步骤 在大屏编辑页面上方，单击，新建并设置页面级全局变量。 例如，新增全局变量“url”，设置变量说明为“数据详情页面URL”。 图1 新增全局变量 从“全部组件 > 图表”中，拖拽“基本柱图”组件至画布空白区域。
使用模板新建页面 操作场景 AstroCanvas中预置了一些可复用的页面样例作为模板（预置模板和自定义模板），通过模板创建新的页面，可充分利用已有资源，减少重复开发，提高交付效率。 系统预置：AstroCanvas中预置的页面模板，涵盖综合态势、资产统计、设备管理和环境态势等典型场景。
音频 音频组件用于在可视化大屏中添加音频播放器来播放您的音频，仅支持MP3、OGG和WAV格式的音频。 在大屏设计页面，从“全部组件 > 媒体”中，拖拽“音频”组件至画布空白区域，如图1。 图1 音频 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片
AstroCanvas私有化部署 私有部署是指将在AstroCanvas企业版实例中开发的项目打包下载，并安装部署到用户的内网中使用。 操作流程 私有化部署AstroCanvas的操作流程，如图1所示。 图1 AstroCanvas私有化部署流程 步骤一：购买AstroCanvas企业版实例
classfication 字段介绍 classfication字段代表的是当前组件需要展示哪些大的配置项分类。AstroCanvas在设计前期对分类也进行了分组，因此这个字段被扩展为双数组形式。一般默认情况下，直接在数组对象的第一个数组中配置即可。如果无配置，则所有属性展示在一个大的分类下。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
