检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
时，经常要调用后台数据，例如购物车中用户的ID，订单编号，商品信息等，这时需要通过桥接器动态调用后台接口获取后台数据。通过华为云Astro大屏应用预置的桥接器模板，您可以自定义桥接器。自定义桥接器时，需要先下载桥接器模板，根据组件的数据结构，对桥接数据进行对接和改造。如何自定义桥接器，请参见自定义桥接器。
在项目列表中，单击页面所在的项目，进入项目。 将鼠标放在待复制的页面上，单击。 在弹出的提示框中，单击“确定”。 输入页面标题，单击“新建”。 复制成功后，系统自动进入开发页面。 图1 输入页面标题 父主题： 页面管理
label Object 否 label: { "zh_CN": "中文标签", "en_US": "En label" } 配置项的标签，需要国际化。 tip Object 否 tip: { zh_CN: "中文提示", en_US: "English tip"} 提示图标，当配置项比较复杂，可以添加一些提示内容。
ftl 文件介绍 {widget}.html为组件DOM结构文件，相当于HTML文件，负责样式展示。 在华为云Astro大屏应用中自定义组件时，需要在服务端提前渲染的部分，可以写在此文件中。 文件示例 <div id="EchartsWidgetTemplate" v-cloak>
购买华为云Astro大屏应用实例 在使用华为云Astro大屏应用前，您需要购买一个华为云Astro大屏应用实例。华为云Astro大屏应用实例是一个独立的资源空间，所有的操作都是在实例内进行，不同实例间的资源相互隔离。 华为云Astro大屏应用提供了“华为云Astro大屏应用基础版
户，实现多人协助开发可视化大屏应用。 前提条件 已参考创建IAM用户中操作，创建IAM用户。默认情况下，新创建的IAM用户没有任何权限。您需要为其授予权限，或将其加入用户组，并给用户组授权，用户组中的用户将获得用户组的权限。创建用户组时，请给用户组赋予“Astro Canvas
创建分组 用户可以创建分组，并将多个组件放到一个组中。创建分组后，可对该组中的所有组件进行整体复制、删除、移动等操作。若需要解除分组，单击右键选择“解除分组”即可。 创建分组 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在页面编辑模式下，选中所需的组件，单击右键选择“创建分组”。
在编辑页面状态下，选中组件，单击右键，选择“重命名”。 图1 重命名 您也可以在“图层”中，将鼠标悬浮在组件上，单击“重命名”。 图2 在图层中重命名组件 在输入框中，输入组件的新名称。 父主题： 组件管理
应用界面。 在项目列表页面，单击右上角的“+ 新建项目”。 选择“移动端”，输入项目名称为“Alarm”，单击“新建”。 图2 新建移动端项目 在项目中，单击“+新建页面”。 单击“新建空白页面”，输入页面标题“告警处理情况统计”，单击“新建”。 设置水平基本柱图组件。 在左侧全
editor.js文件中定义的type字段，来定义组件的类型和配置。 表1 配置项总览 类别 类型 说明 输入框 input 单行文本输入框 textarea 多行文本输入框 数字类型 input-number 计数器 slider 滑块 切换类型 tab 切换 switch 开关
stro大屏应用界面。 在编辑页面状态下，选择“数据”，单击“+”。 输入页面数据集的名称，单击“确定”。 在新建页面数据集页面，拖入一个数据输入节点，并选择数据源。 从“数据转换”中，拖拽一个转换器节点到输入节点后，此时页面会出现一个图标。 单击图标，即可进入盘古助手。 图2 在页面数据集中调出盘古助手
代码优化 参考新建转换器中操作，新建一个转换器。 在“测试数据”中，选择所需的数据源。 在“function filter(dataset)”中，输入转换器的数据处理代码。 在页面右下方单击，进入盘古助手。 在盘古助手中，单击“快捷指令”，选择“代码优化”。 图1 选择代码优化 盘古助手会对当前转换器中的代码进行优化。
入门实践 当您购买了华为云Astro大屏应用实例后，可以根据业务需要搭建所需的大屏页面和移动端页面。本文介绍华为云Astro大屏应用常见的搭建实践，帮助您更好的使用华为云Astro大屏应用。 表1 常用最佳实践 实践 描述 使用华为云Astro大屏应用开发人员来访统计大屏页面 本
getConnectorProperties(); // 获取组件Connector数据 // 监听resize事件, 画布resize时需要重新绘制一下，如果有其他需要，参数可以传入函数，resize时会调用 this.registerResizeEvent(); }, getConnectorProperties
在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“数据集 > 全部”。 单击“所有数据集”，再单击“...”，选择“新增目录”。 在新增目录页面，输入目录的名称，单击“确定”。 名称的长度为1~64个字符，可包括中文、字母、数字及下划线，且不能以下划线开头或结尾。 图1 新建一个目录 确
场景地址：设置渲染的3D场景地址。 选择场景：单击“选择场景”，可以在“场景”中新建场景或选择已有场景，也可以从“案例库”中选择场景。 输入场景URL：直接输入图观的二次开发场景地址。 交互 在交互中，设置图观端场景编辑器与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题：
的功能。 配置数据集参数。 图2 ROMA连接器配置示例 API接口：API请求路径。 请求类型：请求的类型，如GET、POST。 参数：输入参数，请根据实际请求进行配置。 测试API接口：用于测试该接口，单击“测试API接口”，“样例报文”中会显示输出结果。 样例报文：对应AP
前缀：是否显示前缀，设置为“显示”时，支持设置如下属性。 前缀内容：输入数值前缀的内容。 前缀字体：设置数值前缀的字体、大小和颜色等。 右间距：设置前缀和数值之间的间距。 后缀：是否显示后缀，设置为“显示”时，支持设置如下属性。 后缀内容：输入数值后缀的内容。 后缀字体：设置数值后缀的字体、大小和颜色等。
开发页面。 在工具栏中，单击，进入页面发布设置。 在“版本管理”区域，单击需要回退版本后的，单击“继续编辑”，进行回退。 如果回退前希望保存当前页面，请单击“发布新版本”，将当前页面发布为新版本，再单击需要回退版本后的，单击“继续编辑”，进行回退。 图1 回退到历史版本 图2 提示
图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，可对文本的内容进行设置，如输入具体内容、设置内容字体、大小和颜色等。 图4 标题配置 文本设置 文本内容：设置文本内容。 字体：设置输入文本内容的字体、大小和颜色等。 文字间距：设置文字之间的距离。 对齐方式：设置文本内容对齐方式，支持左对齐、居中和右对齐。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
