From 229d04851473e96e38edd167bbde188dc9349828 Mon Sep 17 00:00:00 2001 From: yangge19970923 <58454849+yangge19970923@users.noreply.github.com> Date: Mon, 24 Apr 2023 16:27:05 +0800 Subject: [PATCH 1/2] =?UTF-8?q?Update=20=E6=95=B0=E6=8D=AE=E9=A2=84?= =?UTF-8?q?=E6=8B=89=E5=8F=96.md?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 数据预拉取修改 --- ...56\351\242\204\346\213\211\345\217\226.md" | 81 +++++++------------ 1 file changed, 27 insertions(+), 54 deletions(-) diff --git "a/mini/api/\345\237\272\347\241\200API/\347\274\223\345\255\230/\345\221\250\346\234\237\346\200\247\346\233\264\346\226\260/\346\225\260\346\215\256\351\242\204\346\213\211\345\217\226.md" "b/mini/api/\345\237\272\347\241\200API/\347\274\223\345\255\230/\345\221\250\346\234\237\346\200\247\346\233\264\346\226\260/\346\225\260\346\215\256\351\242\204\346\213\211\345\217\226.md" index cf5ec1e5c..009977705 100644 --- "a/mini/api/\345\237\272\347\241\200API/\347\274\223\345\255\230/\345\221\250\346\234\237\346\200\247\346\233\264\346\226\260/\346\225\260\346\215\256\351\242\204\346\213\211\345\217\226.md" +++ "b/mini/api/\345\237\272\347\241\200API/\347\274\223\345\255\230/\345\221\250\346\234\237\346\200\247\346\233\264\346\226\260/\346\225\260\346\215\256\351\242\204\346\213\211\345\217\226.md" @@ -1,5 +1,5 @@ # 简介 -预拉取能够在小程序冷启动的时候客户端向第三方服务器拉取业务数据，当页面打开时来获取数据可以更快地渲染页面，减少用户等待时间，从而提升小程序的打开速度 。 +预拉取能够在小程序启动时通过支付宝客户端提前向第三方服务器拉取业务数据，有助于更快地渲染页面，减少用户等待时间。 ## 使用限制 @@ -9,9 +9,9 @@ # 使用流程 ## 配置文件 -在小程序开发者工具 IDE 根目录创建 preload.json（自研小程序），该文件中填写预加载配置。
**注意：** +在小程序开发者工具 IDE 根目录创建 preload.json（自研小程序），该文件中填写预拉取配置。
**注意：** -- preload.json 最多支持配置 2048 个字节，超过大小IDE会提示超限。 +- preload.json 最多支持配置 2048 个字节，超过大小 IDE 会提示超限。 - 模板实例化小程序的场景使用 ext 设置（见后面的配置说明）。 ![](https://intranetproxy.alipay.com/skylark/lark/0/2021/png/185602/1632191030970-c4309ca7-edad-4f44-8e98-b73a5024b2ab.png#align=left&display=inline&height=313&margin=%5Bobject%20Object%5D&originHeight=313&originWidth=218&status=done&style=none&width=218) @@ -19,38 +19,38 @@ ### 属性说明 | **属性** | **类型** | **必填** | **说明** | | --- | --- | --- | --- | -| fetchType | String | 否 | 请求类型。目前只支持 pre。
**默认值：**pre | -| params | Object | 是 | 解析配置的请求 | +| fetchType | String | 否 | 请求类型。可选值：pre、jsapiPre。
**默认值：** pre | +| params | Object | 是 | 解析配置的请求。 | #### params 对象属性说明 | **属性** | **类型** | **必填** | **说明** | | --- | --- | --- | --- | | url | String | 是 | 请求 URL。 | -| method | String | 否 | HTTP 请求方法。支持 GET、POST、DELETE、PUT。
**默认值：**GET | -| headers | Array | 否 | 自定义请求头。 | -| dataType | String | 否 | 期望返回的数据格式。支持 JSON、text、base64、arraybuffer。
**默认值：**JSON | -| data | Object | 否 | 请求的参数。
- 如果是 method 为 GET，会将参数做成 query拼接在 url 后。
- 如果 method 为 POST，将默认以 x-www-form-urlencoded 提交。
| +| method | String | 否 | HTTP 请求方法。支持 GET、POST、DELETE、PUT。
**默认值：** GET
**注意：** 当请求方法为 POST、PUT 时，目前发起请求时并未在 query 中追加 appId、timestamp 参数。 | +| headers | Array | 否 | 自定义请求头。
默认 {"content-type": "application/json"} 。 | +| dataType | String | 否 | 期望返回的数据格式。支持 JSON、text、base64、arraybuffer。
**默认值：** JSON | +| data | Object | 否 | 请求的参数。| ### 配置示例 #### 自研小程序在 preload.json 配置 -**注意：**实际的配置文件不支持注释，下面文件中的注释部分只是为了更好说明每个字段的作用，请在拷贝的时候从配置文件中删除。 -```objectivec +**注意：** 实际的配置文件不支持注释，下面文件中的注释部分只是为了更好说明每个字段的作用，请在拷贝的时候从配置文件中删除。 +```json [ { - "fetchType": "pre", //配置pre + "fetchType": "pre", //配置 pre。 "params": { - "url": "https://*****", //http请求的URL地址 - "method": "POST", // http method，支持GET/POST/DELETE/PUT - "data": { //可选。请求的参数，如果是method为GET，会将参数做成query拼接在url后 + "url": "https://*****", // http 请求的 URL 地址。 + "method": "POST", // http method，支持 GET、POST、DELETE、PUT。 + "data": { //可选。请求的参数，如果是 method 为 GET，会将参数做成 query 拼接在 url 后。 "foo": "bar" }, - "headers": { //可选。额外的header信息。 + "headers": { //可选。额外的 header 信息。 "token":"xxx" }, - "dataType": "json" //期望返回的数据格式，默认 JSON，支持 JSON、text、base64、arraybuffer + "dataType": "json" //期望返回的数据格式，默认 JSON，支持 JSON、text、base64、arraybuffer。 } } ] @@ -62,38 +62,39 @@ "preload": [ { - "fetchType": "pre", //配置pre + "fetchType": "pre", //配置 pre。 "params": { - "url": "https://*****", //http请求的URL地址 - "method": "POST", // http method，支持GET/POST/DELETE/PUT - "data": { //可选。请求的参数，如果method为GET，会将参数做成query拼接在url后 + "url": "https://*****", // http 请求的 URL 地址。 + "method": "POST", // http method，支持 GET、POST、DELETE、PUT。 + "data": { //可选。请求的参数。 "foo": "bar" }, - "headers": { //可选。额外的header信息。 + "headers": { //可选。额外的 header 信息。 "token":"xxx" }, - "dataType": "json" //期望返回的数据格式，默认 JSON，支持 JSON、text、base64、arraybuffer + "dataType": "json" //期望返回的数据格式，默认 JSON，支持 JSON、text、base64、arraybuffer。 } } ] ``` ## 请求数据 -当用户打开小程序时，客户端会发起一个 http request，其中包含的 query 参数如下，数据获取到后会将整个 HTTP body 缓存到本地。 +小程序启动时，客户端按配置向目标 URL 发起请求，并在 query string 中自动追加以下参数： | **参数** | **类型** | **说明** | | --- | --- | --- | | appId | String | 小程序的 APPID。 | -| timestamp | Long | 请求发起的时间戳。 | +| timestamp | Number | 请求发起的时间戳。 | 除上述字段外还包括 preload.json 配置文件中 data 的数据，例如以下参数： | foo | String | 业务自定义参数，key 和 value 为配置文件中的对应值 {"foo":"bar"}。 | | --- | --- | --- | +数据请求的 response body 将被缓存，供小程序获取。 ## 获取数据 -通过调用 JSAPI getBackgroundFetchData  获取预加载的数据： +通过调用 JSAPI [my.getBackgroundFetchData](https://opendocs.alipay.com/mini/api/getBackgroundFetchData?pathHash=aee9ff99) 获取预拉取的数据： ```typescript my.getBackgroundFetchData({ fetchType: "pre", @@ -105,31 +106,3 @@ my.getBackgroundFetchData({ } }) ``` - -### 入参 -Object 类型，属性如下： - -| **属性** | **类型** | **必填** | **描述** | -| --- | --- | --- | --- | -| fetchType | String | 是 | 请求类型。
暂时只支持 pre。 | -| success | Function | 否 | 调用成功的回调函数。 | -| fail | Function | 否 | 调用失败的回调函数。 | -| complete | Function | 否 | 调用结束的回调函数（调用成功、失败都会执行）。 | - - -### success 返回值 -| **属性** | **类型** | **描述** | -| --- | --- | --- | -| fetchType | String | 当前请求类型，目前只支持 pre。 | -| timestamp | Number | 客户端拿到缓存数据的时间戳。 | -| fetchedData | Object | 当前预加载的 response 数据。 | - - -### 错误码 -| **错误码** | **说明** | -| --- | --- | -| 2 | 参数错误 | -| 3 | 没有预加载数据 | - - - From 98532124275fab44fd8d933012b9492fe40ee64f Mon Sep 17 00:00:00 2001 From: yangge19970923 <58454849+yangge19970923@users.noreply.github.com> Date: Thu, 11 May 2023 10:51:19 +0800 Subject: [PATCH 2/2] =?UTF-8?q?Update=20=E6=95=B0=E6=8D=AE=E9=A2=84?= =?UTF-8?q?=E6=8B=89=E5=8F=96.md?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 启动改为冷启动 --- ...\225\260\346\215\256\351\242\204\346\213\211\345\217\226.md" | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git "a/mini/api/\345\237\272\347\241\200API/\347\274\223\345\255\230/\345\221\250\346\234\237\346\200\247\346\233\264\346\226\260/\346\225\260\346\215\256\351\242\204\346\213\211\345\217\226.md" "b/mini/api/\345\237\272\347\241\200API/\347\274\223\345\255\230/\345\221\250\346\234\237\346\200\247\346\233\264\346\226\260/\346\225\260\346\215\256\351\242\204\346\213\211\345\217\226.md" index 009977705..b4fb83a06 100644 --- "a/mini/api/\345\237\272\347\241\200API/\347\274\223\345\255\230/\345\221\250\346\234\237\346\200\247\346\233\264\346\226\260/\346\225\260\346\215\256\351\242\204\346\213\211\345\217\226.md" +++ "b/mini/api/\345\237\272\347\241\200API/\347\274\223\345\255\230/\345\221\250\346\234\237\346\200\247\346\233\264\346\226\260/\346\225\260\346\215\256\351\242\204\346\213\211\345\217\226.md" @@ -1,5 +1,5 @@ # 简介 -预拉取能够在小程序启动时通过支付宝客户端提前向第三方服务器拉取业务数据，有助于更快地渲染页面，减少用户等待时间。 +预拉取能够在小程序冷启动时通过支付宝客户端提前向第三方服务器拉取业务数据，有助于更快地渲染页面，减少用户等待时间。 ## 使用限制