检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
AstroCanvas中的Widget分为以下两种: 系统预置Widget 系统预置Widget是系统已定义好的Widget,可直接拖拽到开发页面使用。更多关于预置组件的介绍,请参见组件介绍。 自定义Widget 自定义Widget是租户根据需要自行开发的Widget,通常开发过程是选择系统预置的Widget模板
转换器内容:按需进行设置,本示例转换器内容如下,即将“多数据流1”和“多数据流2”中的数据进行汇总。 const [a, b] = dataset; return a.map((item) => ({ ...item, ...b.find((i => i["学号"] === item["学号"]))
组件交互 组件自定义事件实现 组件响应动作实现 父主题: 自定义组件开发规范
步骤一:注册账号并实名认证 使用AstroCanvas前,需要先注册一个华为账号并进行实名认证。如果您已有一个华为账号,可直接跳过如下操作,但需要确保账号有足够的金额。 进入华为云官网,单击页面右上角的“注册”。 参考注册华为账号并开通华为云中操作,完成注册。 注册后参考个人账号如何完成实名认证
代码结构介绍 了解代码目录结构 目录文件详解 父主题: 自定义组件开发规范
环境的项目列表中,通过单击“导入项目包”进行安装使用,实现将环境A迁移项目到环境B。 OneMobile:使用该运行容器下载的项目包,可在华为OneMobile上安装运行。选择此方式时,还需配置应用ID、主页、环境类型等参数。 图3 OneMobile 应用ID:小程序AppID,请登录小程序管理后台获取。
在AstroZero中创建一个空白应用,并根据业务需求完成应用的开发。本实践创建一个统计学生喜欢课程的调查问卷。 登录华为云官网,在顶部导航栏右侧单击“控制台”,进入华为云控制台。 在左侧导航栏上方,单击,选择服务实例所在的区域项目。 单击,在查找框中搜索“Astro轻应用”,单击查
例如,将A市交通管理大屏嵌入第三方系统,如图3所示。 图3 安全策略设置样例 其中,“frame-ancestors”为固定格式,“域名”为大屏待嵌入的第三方系统的域名。除了上述场景外,还有一种典型的场景是将大屏嵌入本地的file中,如图4。 图4 将大屏嵌入本地的file中 登录第三方系统,在Elements中,增加“<iframe
在编辑页面状态下,选中组件,单击组件上方的。 在数据类型中,选择“静态数据”。 图1 选择静态数据 根据业务需求自定义静态数据,也可直接使用系统预置的数据,单击“保存”。 您可以通过“Excel模式”和“Json模式”两种模式设置静态数据。设置为“Excel模式”时,可执行如下操作:
组件内置API 内置API一览表 Studio对象预置API一览表 magno对象预置API一览表 HttpUtils工具类预置API一览表 SafeUtils安全工具类预置API一览表 父主题: 自定义组件开发规范
操作场景 AstroCanvas中预置了一些可复用的页面样例作为模板,通过模板创建新的页面,可充分利用已有资源,减少重复开发,提高交付效率。 系统预置:AstroCanvas中预置的页面模板,涵盖综合态势、资产统计、设备管理和环境态势等典型场景。 自定义模板:当前账号下发布的模板,如
我的桥接器 在我的桥接器中,管理系统预置的和自定义的桥接器,如新建、批量删除、批量复制桥接器到其他工作空间等。系统预置的桥接器,只能执行查看详情、查看历史版本和下载操作。本章节的操作,均以自定义桥接器为例。 新建桥接器 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。
开通自动续费后,还可以手动续费该AstroCanvas。手动续费后,自动续费仍然有效,在新的到期时间前的第7天开始扣款。 自动续费的到期前7日自动扣款属于系统默认配置,您也可以根据需要修改此扣款日,如到期前6日、到期前5日等等。 更多关于自动续费的规则介绍,请参见自动续费规则说明。 前提条件 请
filter(dataset) {}:转换器的数据处理代码。例如,输入如下示例,表示获取待处理数据中“result”中子对象“result”的数据。 return dataset.result.result 测试数据:转换器处理的验证输入数据,支持手工输入和使用数据集。输入测试数据后,单击“测试”,可进行数据测试。
桥接器预置 通过桥接器动态调用后台的接口,来获取后台数据展示在页面上,支持使用系统预置的桥接器或自定义桥接器。 预置桥接器 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在编辑页面状态下,选中组件,单击组件上方的。 图1 单击数据 在数据类型中,选择“桥接器预置”,并选中所需的桥接器。
const widgetContainer = this.getContainer(); if (!widgetContainer) return; this.initI18n(); this.initReaderVm(this.getProps(), widgetContainer);
页面缩略图:使用项目中,页面的缩略图,作为当前项目的封面。 上传封面:单击“上传封面”,从本地上传图片作为项目的封面。建议使用596*328尺寸的图片。 默认封面:使用系统提供的默认封面,作为当前项目的封面。 父主题: 项目管理
开发一个告警监控页面,如图1所示,在页面上方下拉框中选择告警状态,可查看各个地区相应状态下的告警数量分布。 实现原理:该场景中将告警状态定义为全局变量,在页面中使用系统预置的“下拉选择框”和“多区域折线图”组件。当用户在“下拉选择框”中选择某个告警状态时,通过配置的交互事件将告警状态赋值给全局变量,“多区
环境的项目列表中,通过单击“导入项目包”进行安装使用,实现将环境A迁移项目到环境B。 OneMobile:使用该运行容器下载的项目包,可在华为OneMobile上安装运行。选择此方式时,还需配置应用ID、主页、环境类型等参数。 图3 OneMobile 应用ID:小程序AppID,请登录小程序管理后台获取。
在主菜单中,单击页面右上方的“管理”,进入AstroCanvas管理页面。 在左侧导航栏中,选择“页面资产管理 > 桥接器模板”。 在右侧页面,可以查看到系统预置的桥接器模板bridgeBasicTemplate。 单击桥接器模板,在桥接器模板详情页面,可查看模板详情。 下载桥接器模板 参考登录