检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
组件入门 什么是组件？ 组件（即Widget）是可复用的页面组成元素，一个页面由一个或多个Widget拼装而成。如果将一个页面看成拼图游戏的完整图案，那么Widget相当于拼图的每一小块。 Widget的运行依赖Library，如果缺少相应的Library，则Widget不能正常
部署web环境 什么是ECS 创建容器应用基本流程 快速创建一个kubernetes集群 3分钟创建一个游戏类容器应用 3分钟创建一个游戏类容器应用 3分钟创建一个游戏类容器应用 3分钟创建一个游戏类容器应用 06 API 弹性云服务器（Elastic Cloud Server）是一种可随时
HttpUtils工具类预置API一览表 表1 HttpUtils工具类预置API一览表 API API说明 getCookie 用于获取某个cookie的值。 setCookie 用于设置cookie的值。 getI18n 返回一个Vue18n的实例。 getCsrfToken
SafeUtils安全工具类预置API一览表 表1 SafeUtils安全工具类预置API一览表 API API说明 escapeHtml() 将HTML字符串进行转义。 getSafeUrl() 对外部链接进行xss安全过滤，获取安全的绝对URL地址。 escapeHtml()
组件（即Widget）是可复用的大屏或移动端页面组成元素，一个大屏或移动端页面由一个或多个Widget拼装而成。如果将一个大屏或移动端页面看成拼图游戏的完整图案，那么Widget相当于拼图的每一小块。 数据中心 数据中心用于对数据源进行集中管理，将数据源配置简化，降低技术门槛，让业务人员
Prometheus数据源 操作场景 普罗米修斯（Prometheus）是一个开源系统监控和告警工具包，主要用于收集和存储时间序列数据，并提供了强大的查询和告警功能。AstroCanvas支持对接Prometheus数据源，将普罗中的数据作为组件的数据展示。 操作步骤 参考登录A
在图层列表中，可以查看到画布中各个组件的图层位置，也可以根据可视化应用需要，手动调整每个组件图层的上下位置关系。更多关于图层的介绍，请参见图层管理。 3 工具栏 工具栏位于编辑器页面的最上方，通过工具栏提供的功能，可以完成保存页面、页面设置、全局变量设置、预览页面以及发布制作好的可视化应用等。 4 画布 页面开发操作
组件内置API 内置API一览表 Studio对象预置API一览表 magno对象预置API一览表 HttpUtils工具类预置API一览表 SafeUtils安全工具类预置API一览表 父主题： 自定义组件开发规范
as界面。 在项目列表的所有项目中，单击页面所在的项目，进入项目。 在所有页面中，单击对应的页面，单击“编辑页面”，进入大屏开发页面。 在工具栏中，单击，进入页面发布设置。 在“版本管理”区域，单击需要回退版本后的，单击“继续编辑”，进行回退。 如果回退前希望保存当前页面，请单击
签名验证功能需具备的条件及背景介绍，请参见AstroCanvas分享页Token签名校验使用说明。 操作步骤 进入已开发好的页面。 在页面工具栏中，单击，保存页面。 保存成功后，单击，打开“发布链接”开关。 图1 打开发布链接（新建项目） 图2 打开发布链接（已有项目） 单击，可
资源设置 操作场景 库是支撑页面组件运行的第三方依赖，如果缺少相应的库，则组件不能正常运行。在项目的资源设置中，您可以管理页面中使用到的库。 操作步骤 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在AstroCanvas界面的项目列表中，单击已创建的项目，进入项目。
s界面。 在项目列表中，单击页面所在的项目，进入项目。 在所有页面中，单击待下载的页面。 单击“编辑页面”，进入大屏开发页面。 在页面上方工具栏中，单击，即可将当前页面下载到本地。 下载到本地的页面模板文件命名为“当前页面的名称”.page。 图1 将大屏页面保存为页面模板文件 父主题：
操作场景 AstroCanvas支持设置页面分享码，设置后，需要校验分享码才可正常访问页面，以提高安全性。 操作步骤 进入已开发好的页面。 在页面工具栏中，单击，保存页面。 保存成功后，单击，打开“发布链接”开关。 图1 打开发布链接（新建项目） 图2 打开发布链接（已有项目） 单击，可
StudioToolkit.getCatalogProperties()：用于获取当前站点的元数据。 HttpUtils工具类预置API 平台内置了HttpUtils工具类，预置API如下： HttpUtils.getCookie：用于获取某个cookie的值。 代码示例：HttpUtils
安装项目 操作场景 在项目发布的版本管理中，可下载对应版本的项目包并在其他环境安装项目。例如，在A环境下载项目包，在B环境安装。 操作步骤 在A环境AstroCanvas界面的“项目列表”页签中，鼠标悬浮在待下载的项目上，单击。 在版本管理中，鼠标放在对应版本后的“操作”下，单击。
下载项目 操作场景 项目发布后，在项目发布的版本管理中，可下载对应版本的项目包。 在AstroCanvas中导出项目时，项目包中包含的数据源密码会被置空。 操作步骤 在AstroCanvas界面的“项目列表”页面，单击待下载项目上的。 在版本管理中，鼠标放在对应版本后的“操作”下，单击。
应用场景 智慧城市 数据可视化大屏在智慧城市中扮演关键角色，可以实时展示城市交通流量、环境污染指数、能源消耗情况等数据，帮助城市管理者及时监测城市运行状况，进行智慧决策，提升城市运行效率和居民生活质量。 图1 S市智慧城市大脑 工业制造 在工业制造领域，数据可视化大屏可以展示生产
续费概述 续费简介 包年/包月AstroCanvas到期后，会影响AstroCanvas正常运行。如果您想继续使用，需要在指定的时间内为AstroCanvas续费，否则已创建的项目、页面等功能的使用可能将会受限。AstroCanvas在到期前续费成功，AstroCanvas的运行不受影响。
我的库 操作场景 在我的库中，管理系统预置的和用户自定义的库，如添加库、查看库历史版本等。 系统预置的库，只能执行查看详情、查看历史版本和下载操作。本章节的操作，均以自定义库为例。如何自定义库，请参见如何自定义库。 新建库 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。
DLI 操作场景 基于数据湖探索（Data Lake Insight，简称DLI）服务的数据集。 前提条件 连接的数据源已创建，如何创建请参见DLI数据源。 在DLI构建数据 登录DLI服务控制台。 参考创建并提交Spark SQL作业中操作，创建队列、数据库和表。 例如，创建了
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
