检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
操作步骤 开发好某个大屏页面,例如在页面中拖入基本饼图组件,保存后单击发布图标。 图1 开发页面 打开“发布链接”开关,生成发布后的页面链接。 单击“+ 新建版本”,会生成一个页面版本。 图2 新建第一个版本 单击新建版本后的,将该版本设置为当前发布页。 图3 设置发布页 在页面版本的操作列中,您还可以执行如下操作:
打开发布链接(新建项目) 图2 打开发布链接(已有项目) 单击,可生成新的链接,原链接将不可访问。单击,可复制该链接。 打开“Token认证”开关,设置签名校验参数和有效期。 图3 设置Token认证 :打开Token认证开关后,AstroCanvas会生成一个Token。单击该图标,可复制Token。
入门实践 当您购买了Astro大屏应用实例后,可以根据业务需要搭建所需的大屏页面和移动端页面。本文介绍Astro大屏应用常见的搭建实践,帮助您更好的使用Astro大屏应用。 表1 常用最佳实践 实践 描述 使用AstroCanvas开发人员来访统计大屏页面 本实践通过开发一个人员
在页面工具栏中,单击,保存页面。 保存成功后,单击,打开“发布链接”开关。 图1 打开发布链接(新建项目) 图2 打开发布链接(已有项目) 单击,可生成新的链接,原链接将不可访问。单击,可复制该链接。 打开“分享码访问”开关,按照规则要求设置分享码和有效期,单击。 图3 设置分享码 输入的分享码,必须符合如下五个条件:
数据集实例的唯一标识。 表2 mapping字段说明 字段 类型 是否必填 示例 说明 type String 是 type: "value" 根据type校验拖入字段,为枚举值。 value: 数字 dateString: 日期 catacary: 任意字符 numberOrString:
佳显示效果 在页面上方单击,根据实际需要设置背景图片。 图3 设置背景图片 图4 选择背景图 从全部组件中,分别拖拽文本编辑、水平基本柱图、基本柱图、和区域图到画布区域,布局如图6所示。 图5 拖拽文本编辑组件到画布 图6 组件布局 在页面右上角,根据需要选择所需的主题(本示例设
max_time参数。 AstroCanvas大屏URL未被篡改。 背景信息 用户开启了Token签名验证功能,系统返回用以生成签名的Token(用于生成签名的token不可公开),例如token=j5TZLK1DQ*****Ntquo/ErqonR0=。 假设,某用户系统嵌入了
计费项 计费说明 AstroCanvas根据您选择的实例版本、页面扩容包和购买时长进行计费。AstroCanvas提供了三种不同的套餐版本,均为包年/包月购买方式。如果您需要快速了解AstroCanvas服务的具体价格,请参见AstroCanvas价格详情。 表1标“*”的计费项为必选计费项。
离。 AstroCanvas提供了“Astro大屏应用基础版”、“Astro大屏应用专业版”和“Astro大屏应用企业版”三种实例套餐,请根据需要选择按月购买或按年购买。如果您的账号未购买过AstroCanvas付费实例,可申请免费试用AstroCanvas(试用实例版本为Ast
开通自动续费后,AstroCanvas会在每次到期前自动续费,避免因忘记手动续费而导致资源被自动删除。 在AstroCanvas生命周期的不同阶段,您可以根据需要选择一种方式进行续费,具体如图1所示。 图1 AstroCanvas生命周期 AstroCanvas从购买至到期前,处于正常运行阶段,资源状态为“运行中”。
桥接器动态调用后台接口获取后台数据。通过AstroCanvas预置的桥接器模板,您可以自定义桥接器。自定义桥接器时,需要先下载桥接器模板,根据组件的数据结构,对桥接数据进行对接和改造。如何自定义桥接器,请参见自定义桥接器。 查看桥接器模板 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。
背景框 背景框是装饰组件的一种,包括大标题背景、小标题背景、页面背景和内容背景。可根据不同的设计需求,选择不同的背景框,以增加视觉效果。 以自定义背景框为例,在大屏设计页面,从“全部组件 > 装饰”中,拖拽“自定义背景框”组件至画布空白区域,如图1。 图1 自定义背景框 卡片 卡
卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。 图3 卡片 卡片装饰:卡片装饰设置,可根据自身的业务需求选择不同的卡片样式。单击“清除样式”,可清除已设置的装饰样式。 标题:组件是否显示标题。设置为显示时,支持设置如下属性。 内容:自定义标题的内容。
自定义桥接器 操作场景 当需要连接其它数据,以获得组件最佳的展示效果时,可通过自定义数据桥接器实现。自定义桥接器时,需要先下载桥接器模板,根据组件的数据结构,对桥接数据进行对接和改造。 自定义桥接器 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在A
组件名字 组件名称,系统会根据组件包名称自动填充。 示例:BarGraph 操作类型 当前操作的类型,如新增、更新等。 组件ID 资产ID,前缀不可编辑,上传组件包后会自动填写。 目录名称 组件的存放目录,本示例选择“其它”。 场景 该组件包应用的场景,可根据业务需求选择“大屏&PC端”或“移动端”。
景图片。更多介绍,请参见如何进行设置页面。 构思布局 根据大屏高保真设计或构思,划分基本布局,并拖拽对应的组件到画布中。如何添加组件到画布中,请参见组件管理。 组件设置 为组件对接业务数据、根据大屏互动形式设置交互动作、根据UI设计设置组件的样式、颜色等。支持预览页面、查看整体效果,按需调整,优化布局细节。
导入项目包 选择本地已创建好的项目包,单击“打开”,即可将项目导入到AstroCanvas。 导入成功后,在项目列表中,可查看到已导入的项目,并根据自身业务需求,进行二次开发。当所选项目与目标空间存在资产冲突时,如图2所示,此时请参考如何解决资产冲突问题?中操作进行处理。 图2 资产冲突
显示出来。开启网格后,支持设置网格的大小和颜色。 图2 开启网格后效果 适应方式 根据需要选择页面适配方式。其中,等比缩放水平铺满、等比缩放垂直铺满和全铺满默认拥有自适应能力,无自适应指页面不会根据不同大小终端设备自适应显示。 图3 适应方式 背景 设置页面的背景图片或者颜色。选
是否禁用,可自定义函数,根据其他选项的值来判定是否禁用,返回true禁用。 showFunc Function 否 showFunc: function(vm) { return vm.commProps.showTitle; } 是否显示该配置项,可自定义函数,根据其他选项的值来判定
对于包年/包月计费模式的资源,用户在购买时会一次性付费,服务将在到期后自动停止使用。 如果在计费周期内不再使用包年/包月资源,您可以执行退订操作,系统将根据资源是否属于五天无理由退订、是否使用代金券和折扣券等条件返还一定金额到您的账户。详细的退订规则,请参见云服务退订规则概览。 如果您已开启“