检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
使用哪些浏览器可以访问华为云Astro轻应用？ 在中，开发应用一般分为“开发 > 测试 > 上线”三个阶段，每个阶段都提供了一套环境，即开发环境、沙箱环境和运行环境。建议使用Google Chrome浏览器访问上述三个环境，其他浏览器也可以访问，但是使用Google Chrome浏览器访问效果最佳，用户体验最好。
方式一：登录华为云Astro轻应用环境配置，单击右侧图标，进行数据调试。 方式二：进入App视图，在左侧菜单栏下方，单击，进行数据调试。 方式三：直接在浏览器中，输入“https://华为云Astro轻应用域名/studio/console.html”，进入控制台页面进行数据调试。 查询到冲突的数据后，采取以下几种方式处理。
setHeader('Content-Length', <string><any>size); // 这里只是把zip二进制流返回给浏览器，浏览器需要依据Content-Type来解析 resp.setBody(stream); 父主题： 应用后端开发
SMTP服务地址:端口 配置为邮箱开通SMTP功能时的SMTP服务器地址和端口号。 常用邮箱开启SMTP后，SMTP服务器地址及端口请参见表2。 示例：smtp.163.com:465 表2 常用邮箱SMTP服务器地址及端口 邮箱 SMTP服务器地址 服务端口 163邮箱 smtp.163.com
或功能问题，可借助浏览器内置的开发者工具来对问题进行调试和定位。 前台页面常用调测方法 在高级页面的开发中，常借助浏览器内置的开发者工具对样式或功能问题进行定位和分析。下面以Chrome浏览器为例，简单介绍浏览器开发者工具中常用的调测方法。在Chrome浏览器中，按下“F12”或者“Ctrl
对接函数工作流调用无服务器服务 通过配置FunctionGraph连接器，实现AstroZero与华为函数工作流（FunctionGraph）对接，对接后可调用在函数工作流控制台开发的服务。 背景信息 函数工作流（FunctionGraph）是华为云提供的一款无服务器（Serverl
对接函数工作流调用无服务器服务 函数工作流（FunctionGraph）是一款无服务器（Serverless）计算服务，无服务器计算是一种托管服务，服务提供商会实时为您分配充足的资源，而不需要预留专用的服务器或容量，真正按实际使用付费。 在华为云Astro轻应用中，通过配置Fun
站点设置 合并并压缩资源：勾选后，在发布该应用时，对应用中所有高级页面涉及的css和js文件进行合并及压缩，这样可以有效降低运行时服务器压力，但从终端浏览器首次访问该站点页面时，访问时间会稍微增加。 资源延迟加载：勾选后，在body标签中加载资源。 包含HTML5的DOCTYPE标签
已获取对方服务的根证书。若对方服务没有提供根证书且其根证书为标准证书，可通过以下方式获取： 打开浏览器，输入对方服务地址，参考图1及图2查看对方服务的根证书信息。 图1 获取根证书1 图2 获取根证书2 打开浏览器设置页面，依次选择“安全和隐私设置 > 安全> 管理证书”。 在弹出的“证书”对话
或功能问题，可借助浏览器内置的开发者工具来对问题进行调试和定位。 前台页面常用调测方法 在高级页面的开发中，常借助浏览器内置的开发者工具对样式或功能问题进行定位和分析。下面以Chrome浏览器为例，简单介绍浏览器开发者工具中常用的调测方法。在Chrome浏览器中，按下“F12”或者“Ctrl
”，选择“编辑”，进入编辑应用页面。 单击最右侧的“应用设置”，选择“基础设置”。 在邮箱管理中，单击发件人后的“设置”，可进行邮箱配置。 此邮箱为默认的邮箱服务器地址，对当前租户下的全部应用生效。仅租户可以修改，其他成员只能查看和使用。 图1 邮箱管理 根据界面帮助，设置邮箱信息，单击“确认”。 图2
您需要使用WebSocket来实现后台数据调用。 WebSocket是一种HTML5提供的网络传输协议。WebSocket协议支持Web浏览器，使得客户端和服务端之间可以创建长久连接并进行双向数据传输，即服务端可以主动向客户端推送数据，客户端也可以主动向服务端发送信息，是服务端推送技术的一种。
已获取对方服务的根证书。若对方服务没有提供根证书且其根证书为标准证书，可通过以下方式获取： 打开浏览器，输入对方服务地址，参考图1及图2，查看对方服务的根证书信息。 图1 获取根证书1 图2 获取根证书2 打开浏览器设置页面，依次选择“安全和隐私设置 > 安全 > 管理证书”。 在弹出的“证书”
Failed 未满足前提条件，服务器未满足请求者在请求中设置的其中一个前提条件。 413 Request Entity Too Large 由于请求的实体过大，服务器无法处理，因此拒绝请求。为防止客户端的连续请求，服务器可能会关闭连接。如果只是服务器暂时无法处理，则会包含一个Retry-After的响应信息。
说明 GET 请求服务器返回指定资源，如获取对象列表。 PUT 请求服务器更新指定资源，如按记录ID更新数据。 POST 请求服务器新增资源或执行特殊操作，如新增对象数据。 DELETE 请求服务器删除指定资源，如按记录ID列表删除对象数据。 HEAD 请求服务器资源头部。 PATCH
返回标准页面开发界面，单击，保存标准页面后，单击，预览标准页面。 在弹出的预览页面，按“F12”或者“Ctrl + Shift + I”，开启浏览器调试工具。 在“Console”页签，查看日志相关信息。在“Network”页签，查看网络请求信息。 图4 “Console”页签查看日志相关信息
持检查高级页面性能，生成性能报告页，供开发者查看。 检查页面性能 打开要进行性能检查的高级页面，在浏览器开发者工具中，勾选“Disable cache”属性。 在Chrome浏览器中，按下“F12”或者“Ctrl + Shift + I”，开启开发者工具。 在“Network”页签，勾选“Disable
去解析，此处必须配置为“application/json”。表示浏览器将返回内容解析为json对象。 是 access-token 当用户登录系统鉴权成功后，后台会生成一个token，在响应消息中携带，并存在浏览器中。下次再调用请求后，会带上这个token，表示这个用户已经被鉴权过。
如果您的网络环境存在限制，需要使用代理服务器访问配置的开发环境，则需要设置。 代理服务器地址 代理服务器的地址。 开启“上网代理”后，该参数才会显示。 代理服务器端口 代理服务器的端口。 开启“上网代理”后，该参数才会显示。 代理认证用户名 使用代理服务器时，代理认证的用户名。 开启“上网代理”后，该参数才会显示。
本章节以开发一个满足响应式布局的商品列表组件为例，向您介绍如何适配多终端。 商品列表组件可以用于不同分辨率的手机端和电脑端，组件中商品排布能够根据屏幕或者浏览器窗口大小自动调节。例如，视区（屏幕或浏览器可视区域）由宽变窄过程中，呈现出多终端适配的响应式效果，商品单行个数逐渐由五列变为一列。 图1 商品列表组件的响应式设计
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
