检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
使用哪些浏览器可以访问AstroZero？ 在AstroZero中，开发应用一般分为“开发 > 测试 > 上线”三个阶段，每个阶段都提供了一套环境，即开发环境、沙箱环境和运行环境。建议使用Google Chrome浏览器访问上述三个环境，其他浏览器也可以访问，但是使用Google
在服务编排设计页面，从左侧“连接器 > 存储”中，拖拽“OBS”图元至画布中。 图2 拖拽OBS图元到画布中 选中OBS图元，单击，设置基本信息。 图3 设置基本信息 表2 OBS图元基本信息参数说明 参数 说明 标签 OBS图元在系统中展示的名称。 名称 OBS图元在系统中的唯一标识，不能和其他图元相同。命名要求如下：
或功能问题，可借助浏览器内置的开发者工具来对问题进行调试和定位。 前台页面常用调测方法 在高级页面的开发中，常借助浏览器内置的开发者工具对样式或功能问题进行定位和分析。下面以Chrome浏览器为例，简单介绍浏览器开发者工具中常用的调测方法。在Chrome浏览器中，按下“F12”或者“Ctrl
已创建的“TestOBS”。 单击，设置调用OBS参数。 图9 配置OBS 动作：系统预置了如下三个动作。 view_object_obs：系统预置的查看存储对象接口。 put_object_obs：系统预置的存储对象接口，用于将系统的对象存储到OBS的存储桶中。 get_end
在下拉框中选择服务编排使用的连接器名称。关于OBS连接器的详细介绍，请参见对接OBS云对象存储实例。 单击（不同类型的连接器图元图标有所不同），设置调用“OBS”参数。 图1 配置OBS 表2 OBS参数说明 参数 说明 动作 系统预置了如下三个动作： view_object_obs：系统预置的查看存储对象的接口。
已获取对方服务的根证书。若对方服务没有提供根证书且其根证书为标准证书，可通过以下方式获取： 打开浏览器，输入对方服务地址，参考图1及图2查看对方服务的根证书信息。 图1 获取根证书1 图2 获取根证书2 打开浏览器设置页面，依次选择“安全和隐私设置 > 安全> 管理证书”。 在弹出的“证书”对话
已获取对方服务的根证书。若对方服务没有提供根证书且其根证书为标准证书，可通过以下方式获取： 打开浏览器，输入对方服务地址，参考图1及图2，查看对方服务的根证书信息。 图1 获取根证书1 图2 获取根证书2 打开浏览器设置页面，依次选择“安全和隐私设置 > 安全 > 管理证书”。 在弹出的“证书”
或功能问题，可借助浏览器内置的开发者工具来对问题进行调试和定位。 前台页面常用调测方法 在高级页面的开发中，常借助浏览器内置的开发者工具对样式或功能问题进行定位和分析。下面以Chrome浏览器为例，简单介绍浏览器开发者工具中常用的调测方法。在Chrome浏览器中，按下“F12”或者“Ctrl
本章节以开发一个满足响应式布局的商品列表组件为例，向您介绍如何适配多终端。 商品列表组件可以用于不同分辨率的手机端和电脑端，组件中商品排布能够根据屏幕或者浏览器窗口大小自动调节。例如，视区（屏幕或浏览器可视区域）由宽变窄过程中，呈现出多终端适配的响应式效果，商品单行个数逐渐由五列变为一列。 图1 商品列表组件的响应式设计
行配置。例如，调用OBS连接器图元实现与OBS的对接。 前提条件 本节介绍调用OBS连接器图元实现与OBS的对接。您需要提前配置好连接器，具体操作请参考对接OBS云对象存储实例。 如何使用连接器图元 在“连接器 > 存储”中，拖拽OBS图元到画布中。 选择OBS图元，单击，设置基本信息。
接器对接OBS后，可将前端页面中上传的文件存储到OBS桶中。 图1 在OBS桶的指定路径下可查看到文件 功能实现方法 准备工作。 需要拥有一个华为账号或一个可用于访问OBS的IAM用户，即先注册华为云并实名认证、创建IAM用户、充值以及购买资源包，具体操作请参见使用OBS前需要做的准备工作。
对接对象存储代理 背景信息 当对不同存储类型（OBS或MINIO）中的对象实例进行操作时，为了实现实例格式的兼容性，需要对不同存储类型中的对象实例配置存储代理连接器。 新建对象存储代理连接器 参考创建连接器入口中操作，进入创建连接器页面。 在左侧列表中，选择“存储 > 对象存储代理”，单击“+”。
是 String 参数解释： 连接器的类型。 约束限制： 不涉及。 取值范围： obs：与OBS对接的连接器。 minio：与MINIO对接的连接器。 objectstorageproxy：对象存储代理类型。 默认取值： 不涉及。 connector_name 是 String 参数解释：
创建OBS页面。 输入基本信息并添加桶，单击“保存”。 图3 设置基本信息 图4 添加桶 表1 新建OBS连接器参数说明 参数 说明 示例 名称 新建OBS连接器的名称。命名要求如下： 长度不能超过64个字符，包括前缀命名空间的长度。 说明： 名称前模糊掉的内容为命名空间，在As
“__e”后缀代表是自定义事件。 图3 添加WebSocketAlarmEvent事件 在事件详情页面，选择“自定义参数”页签，单击“新建”。 设置标签、名称和字段类型，单击“保存”，添加事件自定义参数AlarmTitle。 图4 添加事件自定义参数 重复3中操作，创建事件自定
持检查高级页面性能，生成性能报告页，供开发者查看。 检查页面性能 打开要进行性能检查的高级页面，在浏览器开发者工具中，勾选“Disable cache”属性。 在Chrome浏览器中，按下“F12”或者“Ctrl + Shift + I”，开启开发者工具。 在“Network”页签，勾选“Disable
合并并压缩资源：勾选后，在发布该应用时，对应用中所有高级页面涉及的css和js文件进行合并及压缩，这样可以有效降低运行时服务器压力，但从终端浏览器首次访问该站点页面时，访问时间会稍微增加。 资源延迟加载：勾选后，在body标签中加载资源。 包含HTML5的DOCTYPE标签：勾选后，
方式一：登录AstroZero管理中心。单击右侧图标，进行数据调试。 方式二：进入App视图，在左侧菜单栏下方，单击，进行数据调试。 方式三：直接在浏览器中，输入“https://AstroZero域名/studio/console.html”，进入控制台页面进行数据调试。 查询到冲突的数据后，采取以下几种方式处理。
已创建好OBS类型连接器，连接器实例名称为“命名空间__TestOBS”，执行如下请求，列举OBS桶中“a/b/c”路径下文件，起始文件为“1.txt”。 GET https://AstroZero域名/u-route/baas/sys/v1.1/connectors/obs/命名空间__TestOBS/listdir
单击“连接器”中的“ 连接器实例”，进入连接器实例页面。 在左侧导航栏中，选择“存储 > 对象存储代理”。 在右侧页面单击“+”，设置对象存储代理对接参数。 图1 创建对象存储代理 表1 创建对象存储代理连接器参数说明 参数 说明 名称 新建连接器的名称，命名要求如下： 长度不能超过64个字符，包括前缀命名空间的长度。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
