检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
开发一个告警监控页面,如图1所示,在页面上方下拉框中选择告警状态,可查看各个地区相应状态下的告警数量分布。 实现原理:该场景中将告警状态定义为全局变量,在页面中使用系统预置的“下拉选择框”和“多区域折线图”组件。当用户在“下拉选择框”中选择某个告警状态时,通过配置的交互事件将告警状态赋值给全局变量,“多区
在项目列表中,单击页面所在的项目,进入项目。 将鼠标放在待复制的页面上,单击。 在弹出的提示框中,单击“确定”。 输入页面标题,单击“新建”。 复制成功后,系统自动进入开发页面。 图1 输入页面标题 父主题: 页面管理
查看操作日志 在操作日志中,可查看同一租户下,所有用户操作AstroCanvas的日志记录,用来进行系统运营分析。 查看操作日志 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,单击页面右上方的“管理”,进入AstroCanvas管理页面。
产冲突,如图1。 图1 资产冲突 操作步骤 在系统资产冲突提示界面,单击“查看详情”,查看资产冲突详情。 图2 查看资产冲突详情 查看资产冲突详情后,根据自身需要选择处理逻辑,单击“确定”。 转换器冲突,选择“覆盖目标资产”时,系统将弹出如图3提示,根据实际需求进行选择即可。 图3
例如,将A市交通管理大屏嵌入第三方系统,如图3所示。 图3 安全策略设置样例 其中,“frame-ancestors”为固定格式,“域名”为大屏待嵌入的第三方系统的域名。除了上述场景外,还有一种典型的场景是将大屏嵌入本地的file中,如图4。 图4 将大屏嵌入本地的file中 登录第三方系统,在Elements中,增加“<iframe
我的组件 操作场景 在我的组件中,管理系统预置的和自定义组件,如复制组件到其他工作空间、查看组件历史版本、删除组件等。 系统预置的组件,只能执行查看详情、查看历史版本和下载操作。本章节的操作,均以自定义组件为例。 请购买“Astro大屏应用专业版”和“Astro大屏应用企业版”实
我的库 操作场景 在我的库中,管理系统预置的和用户自定义的库,如添加库、查看库历史版本等。 系统预置的库,只能执行查看详情、查看历史版本和下载操作。本章节的操作,均以自定义库为例。如何自定义库,请参见如何自定义库。 新建库 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。
我的桥接器 操作场景 在我的桥接器中,管理系统预置的和自定义的桥接器,如新建、批量删除、批量复制桥接器到其他工作空间等。 系统预置的桥接器,只能执行查看详情、查看历史版本和下载操作。本章节的操作,均以自定义桥接器为例。 新建桥接器 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。
账单管理”查看资源的费用账单,以了解该资源在某个时间段的使用量和计费信息。 账单上报周期 包年/包月计费模式的资源完成支付后,会实时上报一条账单到计费系统进行结算。 查看指定资源的账单 登录管理控制台。 在主菜单中,单击“费用”。 在左侧导航栏中,选择“订单管理 > 我的订单”,进入“我的订单”页面。
nvas界面。 在“项目列表”中,单击“新建项目”。 在新建项目页面,选择“移动端”,输入项目名称,单击“新建”。 图1 新建移动端项目 系统自动进入该新建项目的“移动端项目”页面,如图2。 图2 移动端项目页面 (可选)项目创建后,可参考项目管理中内容,对项目进行设置。 创建文件夹
通用配置示例如下,以global_SelectWidget组件为例,设置后效果如图1所示。本示例中的global_SelectWidget为AstroCanvas系统预置的下拉框组件,可在“我的资产 > 我的组件”中获取。 { type: 'tab', name: 'multiple'
了解代码目录结构 当系统预置的组件无法满足用户需求时,用户可自定义组件并上传到AstroCanvas中使用。AstroCanvas为您预置了一些组件模板(Widget包),您可以基于组件模板开发自定义组件。 获取组件模板包 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。
AstroCanvas中预置了一些可复用的页面样例作为模板(预置模板和自定义模板),通过模板创建新的页面,可充分利用已有资源,减少重复开发,提高交付效率。 系统预置:AstroCanvas中预置的页面模板,涵盖综合态势、资产统计、设备管理和环境态势等典型场景。 自定义模板:当前账号下发布的模板,如
如何自定义库 操作场景 以某组件中需要使用Vue(系统预置库)以及MintUI(自定义库)为例,介绍如何上传自定义库并如何在组件中使用库。 操作步骤 将自定义库的相关文件打成Zip包。 例如,在MintUI官网下载组件库的代码,增加一个packageinfo.json元数据描述文
Prometheus数据源 操作场景 普罗米修斯(Prometheus)是一个开源系统监控和告警工具包,主要用于收集和存储时间序列数据,并提供了强大的查询和告警功能。AstroCanvas支持对接Prometheus数据源,将普罗中的数据作为组件的数据展示。 操作步骤 参考登录A
在新建项目页面,选择“大屏&PC端”,输入项目名称,单击“新建”。 项目名称的长度为1~64个字符,可包括中文、字母、数字及下划线,但不能以下划线开头或结尾。 图1 新建项目 系统自动进入该新建项目的“大屏&PC端项目”页面,如图2。 图2 大屏&PC端项目页面 (可选)项目创建后,可参考项目管理中内容,对项目进行设置。
桥接器预置 操作场景 通过桥接器动态调用后台的接口,来获取后台数据展示在页面上,支持使用系统预置的桥接器或自定义桥接器。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在编辑页面状态下,选中组件,单击组件上方的。 图1 单击数据 在数据类型
数据类型:选择“静态数据”。 目录:为数据集指定目录,可以选择(可选)新建目录中创建的目录,或者单击“新增目录”去创建一个目录,也可以使用系统预置的目录(预置分类)。 责任人:数据集的创建人。 描述:新建数据集的描述信息,通常设置为数据集的功能。 新增静态数据,支持导入Excel/CSV和手工输入两种方式来新增数据。
健康检查设置 操作场景 健康检查设置中提供了页面健康度检查能力,对慢请求、错误请求、系统资源占用高等情况实时提示,有效帮助开发人员发现、定位和解决问题。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在AstroCanvas界面的项目列表中,单击已创建的项目,进入项目。
新建并开发自定义组件 操作场景 当系统预置的组件无法满足用户需求时,用户可自定义组件包进行上传,在页面中进行使用。在开发自定义组件前,请仔细阅读自定义组件开发规范章节内容,了解组件的开发规范。下面以开发网站中常用的柱状图(vue2+Echarts)组件为例,向您介绍如何开发自定义组件。