检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
选择该方式时,页面会获取“输入数据”中的静态数据展示在页面上。AstroCanvas已预置了静态数据,您也可以自定义静态数据。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在编辑页面状态下,选中组件,单击组件上方的。 在数据类型中,选择“静态数据”。 图1 选择静态数据
新建DWS数据源 数据源名称:数据源的名称,用于标识该数据源。长度为1~32个字符,可包括中文、字母、数字及下划线,且不能以下划线开头或结尾。 域名:数据库所在的域名。 端口:数据库端口,取值范围为0~65535。 用户名:登录数据库的用户名。 密码:数据库用户密码。 数据库名称:数据库实例名称。
使用AstroCanvas开发告警处理情况统计移动端页面 场景描述 通过AstroCanvas开发一个告警处理情况移动端页面,开发完成后,用户可通过移动端访问该页面,查看告警处理情况。移动端页面构想,如图1所示。 图1 移动端页面效果 图1中移动端页面,由下列组件拼装而成。 表1 组件说明
参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在“项目列表”中,单击对应项目上的。 设置项目封面,单击“确定”。 图片默认为匿名可访问,请勿上传包含敏感数据的图片。 图1 设置项目封面 页面缩略图:使用项目中,页面的缩略图,作为当前项目的封面。 上传封面:单击“上传封面”
生产环境:应用正式发布上线的真实环境。测试完成后,将应用发布至生产环境,即运行环境,供业务用户使用。 不依赖:不依赖任何环境。 生产环境/沙箱环境 域名:提供服务环境的域名,如https://www.demo.com。 生产环境/沙箱环境 租户ID:提供服务环境的租户ID。 将下载到本地的项目安装包,发送给其他需要安装的用户。
新建数据源 数据源名称:新建数据源的名称,用于标识该数据源。长度为1~32个字符,可包括中文、字母、数字和下划线,且不能以下划线开头或结尾。 域名:AstroZero环境的域名,需要携带“https://”。 客户端ID:调用AstroZero接口前,需要配置“客户端模式”OAu
classfication中的配置包含预置分类和自定义分类两种。 预置分类:主要是使用平台预置分类。 自定义分类:支持平台预置分类和用户自定义分类。 预置分类 预置分类为AstroCanvas预置的分类,包含的图标和名称如下所示: 表1 预置分类包含的图标和名称 name 分类 图标关键字 图标
配置项的标签,需要国际化。 tip Object 否 tip: { zh_CN: "中文提示", en_US: "English tip"} 提示图标,当配置项比较复杂,可以添加一些提示内容。 noToolTip Boolean 否 noToolTip: false 标签是否具有e
registerConnector 定义桥接器。 registerEvents 注册事件,只有通过此API注册后的事件才会在组件的事件列表中展现。 registerAction 用来注册动作,只有通过此API注册后的事件才会在组件的动作列表中展现。 inReader 判断当前页面状态是开发态或预览态。
方法如下。 登录华为云管理控制台。 将鼠标移动到右上角用户名上,在下拉列表中单击“我的凭证”。 在“我的凭证 > API凭证 > 项目列表”中,获取“项目”的值。 项目ID:DLI服务所在的区域的项目ID,获取方法如下。 登录华为云管理控制台。 将鼠标移动到右上角用户名上,在下拉列表中单击“我的凭证”。
单击页面上方的,预览应用页面。 如果页面预览效果和预期效果不一致,可再次返回开发页面进行调整。 单击页面上方的,进行页面发布设置。 发布链接:单击发布链接后的图标,将显示页面地址,单击该地址进入发布页。 如果是新建项目,需要为发布链接设置访问限制,即“分享码访问”或“Token认证”必须设置其中一个,否则链接在运行态无法正常访问。
单击页面上方的,预览应用页面。 如果页面预览效果和预期效果不一致,可再次返回开发页面进行调整。 单击页面上方的,进行页面发布设置。 发布链接:单击发布链接后的图标,将显示页面地址,单击该地址进入发布页。 如果是新建项目,需要为发布链接设置访问限制,即“分享码访问”或“Token认证”必须设置其中一个,否则链接在运行态无法正常访问。
单击页面上方的,预览应用页面。 如果页面预览效果和预期效果不一致,可再次返回开发页面进行调整。 单击页面上方的,进行页面发布设置。 发布链接:单击发布链接后的图标,将显示页面地址,单击该地址进入发布页。 如果是新建项目,需要为发布链接设置访问限制,即“分享码访问”或“Token认证”必须设置其中一个,否则链接在运行态无法正常访问。
配置项的标签,需要国际化。 tip Object 否 tip: { zh_CN: "中文提示", en_US: "English tip"} 提示图标,当配置项比较复杂,可以添加一些提示内容。 noToolTip Boolean 否 noToolTip: false 标签是否具有e
需要渲染的界面和逻辑。其中,“{widget}”为自定义组件的名称,如本示例中该文件名为“EchartsWidgetTemplate.editor.js”。{widget}.editor.js文件只在组件编辑状态被加载,主要包括propertiesConfig方法和create方法。
发布成功后,页面显示“版本发布成功”。 设置项目访问限制。 图3 设置项目访问限制 按照项目限制:项目中页面首次完成验证后,其余页面无需二次验证。例如,页面A、B、C设置了Token认证,页面D、E、F设置了分享码。勾选按照项目限制时,校验过页面A的Token认证后,不会再校验页面B和C。校验了页面D的分享码后,同样不会再校验页面E和F。
单击,打开“发布链接”开关,获取页面访问地址。 图13 打开发布链接 单击,可生成新的链接,原链接将不可访问。单击,可复制该链接。 设置访问限制。 如果是新建项目,需要为发布链接设置访问限制,即“分享码访问”或“Token认证”必须设置其中一个,否则链接在运行态无法正常访问。本入门中,以设置分享码为例进行介绍。
(如“status”)。 图1 事件输出参数绑定全局变量 实现逻辑 自定义组件开发过程如下,也可以直接单击下载链接,获取自定义组件示例包“SelectWidget.zip”。 在组件的“global_SelectWidget.editor.js”文件中,新增eventConfig配置。
length) { values[values.length - 1].size = 1; } }, }, 增加和删除list中一项。默认有增加删除功能,所以需要添加addItemFunc和itemDelCallBack函数。 如果noAdd为true,不需要添加。 childItems Array
在我的桥接器中,管理系统预置的和自定义的桥接器,如新建、批量删除、批量复制桥接器到其他工作空间等。 系统预置的桥接器,只能执行查看详情、查看历史版本和下载操作。本章节的操作,均以自定义桥接器为例。 新建桥接器 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。