检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
域名：AstroZero环境的域名，需要携带“https://”。 客户端ID：调用AstroZero接口前，需要配置“客户端模式”OAuth鉴权的客户端ID，获取方法请参考客户端模式接入认证。
域名：数据库所在的域名。 端口：数据库端口，取值范围为0~65535。 架构名称：MS SQL Server数据库的架构名称。当“数据库类型”配置为“MS SQL Server”时，该参数才会显示。 用户名：登录数据库的用户名。 密码：登录数据库用户对应的密码。
图8 AstroCanvas入口 方式二：从运行环境登录AstroCanvas界面 运行环境是指应用正式发布上线的真实环境，默认域名为“appcuberun.cn-north-4.huaweicloud.com”。测试完成后，将应用发布至生产环境，即运行环境，供业务用户使用。
下面以开发网站中常用的柱状图（vue2+Echarts）组件为例，向您介绍如何开发自定义组件。 本节使用的示例组件开发过程中使用了前端开发框架Vue及Echarts，请提前了解。 图1 最终呈现效果 操作步骤 下载图表模板。
Iframe布局框 Iframe布局框用于在大屏页面的某块区域中呈现页面，组件的页面内容基于域名分区域加载，秒级刷新，组件间互不影响，有效提升大屏可视体验。同时，组件间支持故障隔离，有效提升大屏展现可靠性。
表1 AstroCanvas套餐规格清单 版本类型 基础版 专业版 企业版 空间数 2个 5个 100个 页面数 20页 40页 500页 存储容量 5G 10G 100G 加密分享 支持 支持 支持 数据接入 支持 支持 支持 项目管理 支持 支持 支持 图表组件 支持 支持 支持
域名：请求的Host地址，不需要带上“http://”或“https://”协议头，同时也不需要“/”结尾。 域名参数：配置域名参数，包含字段名称、默认值和字段描述。 图6 配置域名参数 连接器配置中，当域名中配置“{字段名}”参数时，才会显示该参数。
图3 安全策略设置样例 其中，“frame-ancestors”为固定格式，“域名”为大屏待嵌入的第三方系统的域名。除了上述场景外，还有一种典型的场景是将大屏嵌入本地的file中，如图4。
域名：数据库所在的域名。 端口：数据库端口，取值范围为0~65535。 用户名：登录数据库的用户名。 密码：数据库用户密码。 数据库名称：数据库实例名称。 描述：新建数据源的描述信息。 单击“连接测试”，显示“连接成功”，表示DWS数据源可以调通。
生产环境/沙箱环境 域名：提供服务环境的域名，如https://www.demo.com。 生产环境/沙箱环境 租户ID：提供服务环境的租户ID。 父主题： 项目管理
使用华为账号，登录华为云网站，在顶部导航栏右侧单击“控制台”，进入华为云控制台。 在左侧导航栏上方，单击，选择服务实例所在的区域项目。 单击，在查找框中搜索“Astro轻应用”，单击查找到的结果，进入AstroZero服务控制台。
生产环境/沙箱环境 域名：提供服务环境的域名，如https://www.demo.com。 生产环境/沙箱环境 租户ID：提供服务环境的租户ID。 将下载到本地的项目安装包，发送给其他需要安装的用户。 其他用户在B环境AstroCanvas界面，单击“导入项目包”。
图2 没有该服务访问权限 给IAM用户添加开发者权限 使用华为账号，登录华为云网站，在顶部导航栏右侧单击“控制台”，进入华为云控制台。 单击管理控制台左上角的，展开服务列表，选择“开发与运维 > Astro轻应用（原AppCube）”，进入AstroZero服务控制台。
域名：AstroZero环境的域名，需要携带“https://”。 客户端ID：调用AstroZero接口前，需要配置“客户端模式”OAuth鉴权的客户端ID。
表2 AstroCanvas套餐规格清单 版本类型 基础版 专业版 企业版 空间数 2个 5个 100个 页面数 20页 40页 500页 存储容量 5G 10G 100G 加密分享 支持 支持 支持 数据接入 支持 支持 支持 项目管理 支持 支持 支持 图表组件 支持 支持 支持
页面数据集 操作场景 通过页面数据集，实现多个组件对接同一个数据输入，减少重复的请求和配置。同时，在新建页面数据集时，还支持配置多数据输入（最多5个），来实现组件同时对接多个数据流。 本章节以将两个静态数据集（多数据流1、多数据流2）中的数据汇合后，作为组件的数据来源为例，向您介绍如何创建并使用页面数据集
上传自定义组件 将自定义组件上传到AstroCanvas中，并在页面中使用。 操作步骤 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，选择“我的资产”，进入我的资产页面。 在左侧导航栏中，选择“我的组件”，单击“添加组件”，进入添加组件页面
计费项 计费说明 AstroCanvas根据您选择的实例版本、页面扩容包和购买时长进行计费。AstroCanvas提供了三种不同的套餐版本，均为包年/包月购买方式。如果您需要快速了解AstroCanvas服务的具体价格，请参见AstroCanvas价格详情。 表1标“*”的计费项为必选计费项
排行榜 排行榜是文本组件的一种，用于根据一定的条件，描述数据的先后关系。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“排行榜”组件至画布空白区域，如图1。 图1 排行榜 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、
约束与限制 AstroCanvas实例 表1 AstroCanvas实例规格约束与限制 限制项 约束与限制 实例版本 AstroCanvas目前支持的实例版本有：Astro大屏应用基础版、Astro大屏应用专业版和Astro大屏应用企业版。 Astro大屏应用基础版：基于平台预置模板
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
