检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
使用AstroCanvas开发告警处理情况统计移动端页面 应用场景 通过AstroCanvas开发一个告警处理情况移动端页面，开发完成后，用户可通过移动端访问该页面，查看告警处理情况。移动端页面构想，如图1所示。 图1 移动端页面效果 图1中移动端页面，由下列组件拼装而成。 表1 组件说明
在新建项目页面，选择“移动端”，输入项目名称，单击“新建”。 图1 新建移动端项目 系统自动进入该新建项目的“移动端项目”页面，如图2。 图2 移动端项目页面 （可选）项目创建后，可参考项目管理中内容，对项目进行设置。 创建文件夹 项目创建后，支持在项目中创建文件夹，用于集中管理页面。
在新建项目页面，选择“大屏&PC端”，输入项目名称，单击“新建”。 项目名称的长度为1~64个字符，可包括中文、字母、数字及下划线，但不能以下划线开头或结尾。 图1 新建项目 系统自动进入该新建项目的“大屏&PC端项目”页面，如图2。 图2 大屏&PC端项目页面 （可选）项目创建后，可参考项目管理中内容，对项目进行设置。
输入服务器机器码和名称，单击“确定”，生成测试Key。 图11 生成测试Key 其中，“服务器机器码”请配置为2中获取的内容，服务器名称请根据实际情况进行配置。 返回本地部署信息页面，单击服务器机器码后的，下载测试Key文件（runtime.key）。 图12 下载测试Key文件 将获取的测试Key，上传到
参考设置项目锁中操作，获取项目锁。 在左侧导航栏中，选择“通用”。 设置网页的图标等，单击“保存”。 图1 通用设置 开启页面加载动画：勾选后，预览或打开页面时，将会显示加载动画。 网页图标：设置项目在浏览器标签页标题左侧的图标。图片类型支持ico、png、pjp、jpg、pjp
发布项目 项目开发完成后，可以直接在线预览，也可以一键打包从A环境发布、B环境安装，实现开发 > 测试 > 上线的快速部署，从而实现不同环境之间资产的快速迁移。发布项目，支持将项目中的数据集数据一并进行打包。 前提条件 发布项目前，请确保项目中的页面已发布。 发布项目 参考登录A
t_id，请参见客户端模式接入认证。 客户端密码：调用AstroZero接口前，需要配置“客户端模式”OAuth鉴权的客户端鉴权密钥。如何获取client_secret，请参见客户端模式接入认证。 描述：新建数据源的描述信息，可按需进行设置。 单击“连接测试”，显示“连接成功”，表示数据源可以调通。
域名：AstroZero环境的域名，需要携带“https://”。 客户端ID：调用AstroZero接口前，需要配置“客户端模式”OAuth鉴权的客户端ID，获取方法请参考客户端模式接入认证。 OAuth认证过程中，新建认证密钥时授权类型需选择“客户端模式”，用户建议选择具有管理员权限（System Administrator
以创建多个页面。 创建大屏&PC端项目：如果待创建的页面为大屏页面，请选择创建大屏项目。 创建移动端项目：如果待创建的页面为移动页面，请选择创建移动端项目。 创建页面 在AstroCanvas中，搭建AstroCanvas应用从创建一个大屏/移动端页面开始，掌握70+种组件，定制出符合要求的个性化页面。
使用空白画布新建页面 从零开始，通过拖拽组件、设置页面布局、数据源等，构建AstroCanvas大屏&PC端页面。创建移动端页面操作和大屏&PC端页面相同，本章节以创建大屏&PC端页面为例进行介绍。 新建空白页面 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。
户可根据需求自定开发配置各种逻辑模块化元素，从而创建各种应用。 沙箱环境：在应用正式发布上线前，需要在测试环境进行测试，包含数据配置。 生产环境：应用正式发布上线的真实环境。测试完成后，将应用发布至生产环境，即运行环境，供业务用户使用。 不依赖：不依赖任何环境。 生产环境/沙箱环境
return dataset.result.result 测试数据：转换器处理的验证输入数据，支持手工输入和使用数据集。输入测试数据后，单击“测试”，可进行数据测试。 例如，单击“手工输入”，输入如下示例，单击“测试”后，显示如图2、图3所示效果。 { "resCode":
户可根据需求自定开发配置各种逻辑模块化元素，从而创建各种应用。 沙箱环境：在应用正式发布上线前，需要在测试环境进行测试，包含数据配置。 生产环境：应用正式发布上线的真实环境。测试完成后，将应用发布至生产环境，即运行环境，供业务用户使用。 不依赖：不依赖任何环境。 生产环境/沙箱环境
认筛选告警状态为“已关闭”的告警数据。 { "statusCode": ${alarmstatus} } 测试API接口：用于测试该是否接口。单击“测试API接口”，“样例报文”中会显示输出结果。 转换器：用于对数据进行转换处理，选择3中创建的转换器。 数据预览：单击“
其中pathParam会作为变量名。 返回参数：设置返回参数。在Body中，可以贴一段预期结果的json，使用时可以解析出字段格式。 认证信息设置完成后，单击“测试”，测试接口是否有效。 测试成功后，单击“保存”，完成连接器的创建。 父主题： 连接器管理
入表达式设置页面。在表达式设置页面，可从下方左侧面板选择字段名、函数或者直接输入函数，如图3。 图3 按需设置表达式 测试API接口：用于测试该接口，单击“测试API接口”，“样例报文”中会显示输出结果。 样例报文：对应API接口的响应样例报文数据格式，数据集的元数据结构由该样例报文经转换器处理后的数据结构确定。
params); }; 参考上传自定义组件中操作，将组件包“SelectWidget.zip”上传到组件库，场景选择“大屏&PC端”或“移动端”。 测试组件。 在页面中，拖入该组件。 图2 拖入组件 在组件上方单击，配置组件交互事件。 单击“交互事件”，选择“选中值发生变化时触发
参数：接口入参，当有入参时，系统会自动展示，本示例不涉及。 当有入参时，单击参数后的“变量配置”，可给变量设置默认值。 图4 给变量设置默认值 测试API接口：用于测试该接口，单击“测试API接口”，“样例报文”中会显示输出结果。 样例报文：对应API接口的响应样例报文数据格式，数据集的元数据结构由该样例报文经转换器处理后的数据结构确定。
[1, 40000000]。 查询配置：单击“新增查询”，可增加promQL查询，最多只支持添加8条，支持设置变量。 测试API接口：用于测试该接口，单击“测试API接口”，“样例报文”中会显示输出结果。 样例报文：对应API接口的响应样例报文数据格式，数据集的元数据结构由该样例报文经转换器处理后的数据结构确定。
ROMA连接器配置示例 API接口：API请求路径。 请求类型：请求的类型，如GET、POST。 参数：输入参数，请根据实际请求进行配置。 测试API接口：用于测试该接口，单击“测试API接口”，“样例报文”中会显示输出结果。 样例报文：对应API接口的响应样例报文数据格式，数据集的元数据结构由该样例报文经转换器处理后的数据结构确定。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
