检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
使用哪些浏览器可以访问AstroZero？ 在AstroZero中，开发应用一般分为“开发 > 测试 > 上线”三个阶段，每个阶段都提供了一套环境，即开发环境、沙箱环境和运行环境。建议使用Google Chrome浏览器访问上述三个环境，其他浏览器也可以访问，但是使用Google
常遇到的样式或功能问题，可借助浏览器内置的开发者工具来对问题进行调试和定位。 前台页面常用调测方法 在高级页面的开发中，常借助浏览器内置的开发者工具对样式或功能问题进行定位和分析。下面以Chrome浏览器为例，简单介绍浏览器开发者工具中常用的调测方法。在Chrome浏览器中，按下“F12”或者“Ctrl
当AstroZero调用其他服务（包括原生服务）的HTTPS请求时，可以通过开启根证书校验来认证对方服务端的身份（公钥持有者的身份）是否安全。 前提条件 已获取对方服务的根证书。若对方服务没有提供根证书且其根证书为标准证书，可通过以下方式获取： 打开浏览器，输入对方服务地址，参考图1及图2查看对方服务的根证书信息。
当AstroZero调用其他服务（包括原生服务）的HTTPS请求时，可以通过开启根证书校验来认证对方服务端的身份（公钥持有者的身份）是否安全。 前提条件 已获取对方服务的根证书。若对方服务没有提供根证书且其根证书为标准证书，可通过以下方式获取： 打开浏览器，输入对方服务地址，参考图1及图2，查看对方服务的根证书信息。
在高级页面开发过程中，常需要调测自定义组件或整个前台页面，本节将介绍高级页面调测的常用工具。对于自定义组件的开发和调试，AstroZero提供Scaffolding脚手架工具，可实现本地开发组件的实时在线调测。对于前台页面中常遇到的样式或功能问题，可借助浏览器内置的开发者工具来对问题进行调试和定位。 前台页面常用调测方法
场景描述 本章节以开发一个满足响应式布局的商品列表组件为例，向您介绍如何适配多终端。 商品列表组件可以用于不同分辨率的手机端和电脑端，组件中商品排布能够根据屏幕或者浏览器窗口大小自动调节。例如，视区（屏幕或浏览器可视区域）由宽变窄过程中，呈现出多终端适配的响应式效果，商品单行个数逐渐由五列变为一列。
、桥接器、事件和动作之间的关系，可概述为： 组件为高级页面的元素，组件的可复用性可以大幅提高开发效率。 组件的事件-动作机制提升页面的灵活度，使得组件与组件、组件与页面之间可以交互。 库作为组件的依赖，便捷的引用机制，降低了组件开发的复杂度且丰富了组件的功能。 组件可以通过桥接器调用后台接口，获取数据。
使用AstroZero开发完高级页面后，支持检查高级页面性能，生成性能报告页，供开发者查看。 检查页面性能 打开要进行性能检查的高级页面，在浏览器开发者工具中，勾选“Disable cache”属性。 在Chrome浏览器中，按下“F12”或者“Ctrl + Shift + I”，开启开发者工具。 在“Network”页签，勾选“Disable
html”，进入控制台页面进行数据调试。 查询到冲突的数据后，采取以下几种方式处理。 删除安装包内的数据。 删除环境内的数据。 使用前后置脚本，删除或修改目标环境中已有数据。 脚本、服务编排和工作流之外的元数据，如果存在名称同名且id不同，或者id相同名称不同的数据，也会报这种错误，不要在开发环境
绝对布局拉伸设置 勾选“拉伸”设置后，即可将页面宽度扩展至100%，以适应整个浏览器或设备的可视宽度。同时组件内容的宽度，也会根据其容器的宽度进行调整。在运行态，绝对布局针对不同分辨率的终端或不同尺寸浏览器窗口，以同等缩放比例对组件大小进行调整。其中，组件本身需满足响应式设计，其开发规范请参见响应式组件开发基本原则。
CurrentDateTime为事件传参。 图9 事件图元的配置 连接所有图元。 图10 连接图元 选中“开始”图元，单击，参考下图配置服务编排的入参。 入参是从全局上下文的变量中拖入，告警服务编排的入参有AlarmTitle和AlarmContent两个。 图11 配置入参 单击页面上方的，保存服务编排。 单击，启用服务编排。
是否可匿名访问：勾选后，运行时访问此应用页面，如果请求携带的token超时或不属于当前租户，会自动刷新匿名访问token。 站点属性：单击“新建站点属性”，可添加新的站点属性。 显示名称：设置站点属性的显示名称。 名称：设置站点属性的名称，站点属性在系统中的唯一标识。 值：设置站点属性的值。 是否可覆盖：勾选后，安装应用时，站点属性会被覆盖。
以上步骤已完成了一个简单脚本的编写，如果后续其他脚本、服务编排、编译打包等需要继续使用该脚本，则必须单击页面上方的，启用该脚本。如果未启用，其他组件无法查询到该脚本，查询时会报错该脚本不存在或未启用。 后续在新版本功能中如果需要更新该脚本，可单击编辑器上方的，选择“新建版本”，在新建的版本中更改脚
配置为前提条件中“SK”的值。 区域：选择对接ModelArts的服务区域。 项目ID：ModelArts服务区域，对应的项目ID。 描述：连接器的描述信息。 打包当前配置：默认为选中，对信息敏感的场景，建议不勾选。 选中该选项后，应用打包时会将当前配置的连接器信息（包括访问密钥
HTTP协议中设定的一个参数，用于标识返回的内容用什么格式去解析，此处必须配置为“application/json”。表示浏览器将返回内容解析为json对象。 是 access-token 当用户登录系统鉴权成功后，后台会生成一个token，在响应消息中携带，并存在浏览器中。下次再调用
setHeader('Content-Length', <string><any>size); // 这里只是把zip二进制流返回给浏览器，浏览器需要依据Content-Type来解析 resp.setBody(stream); 父主题： 应用后端开发
实现图片展示和URL跳转 期望实现效果 高级页面中的轮播组件主要用于多个图片的自动循环切换。您也可以为图片添加超链接，即单击图片，跳转到指定的网站。 图1 最终实现效果 功能实现方法 在应用设计器中，选择“界面”，单击高级页面后的“+”，新建一个高级页面。 单击，拖拽轮播组件到右侧画布中。
组件开发的工作量，详情请参见开发高级组件。 通过组件模板开发 若全局高级组件中，未包含所需要的组件类型，可以基于低代码平台提供的组件模板进行自定义组件的开发。组件模板中已为您构建组件的基本架构，详情请参见开发高级组件。 库 库是支撑高级组件运行的第三方依赖，若缺少相应的库，则组件
若勾选“合并并压缩资源”，会对所有高级页面涉及的css和js文件进行合并及压缩，使用单页面性能检查功能时，不要勾选该选项。 图1 关闭“合并并压缩资源”属性 设置完成后，单击，并单击，释放锁。 打开要进行性能检查的高级页面，在浏览器开发者工具中，勾选“Disable cache”属性。 在Chrome浏览器中，按下“F12”或者“Ctrl
属性 数据绑定：通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：设置组件绑定的数据模型，数据模型一般有以下几种。更多介绍，请参见值绑定。 自定义：由用户自定义的前端模型，可以在模型树上快速创建自定义字段。 对象：由后台对象模型映射创建，支持选择字段。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
