新聞中心
數(shù)據(jù)預(yù)拉取
預(yù)拉取能夠在小程序冷啟動(dòng)的時(shí)候通過(guò)微信后臺(tái)提前向第三方服務(wù)器拉取業(yè)務(wù)數(shù)據(jù),當(dāng)代碼包加載完時(shí)可以更快地渲染頁(yè)面,減少用戶等待時(shí)間,從而提升小程序的打開(kāi)速度 。

創(chuàng)新互聯(lián)建站專業(yè)提供成都主機(jī)托管四川主機(jī)托管成都服務(wù)器托管四川服務(wù)器托管,支持按月付款!我們的承諾:貴族品質(zhì)、平民價(jià)格,機(jī)房位于中國(guó)電信/網(wǎng)通/移動(dòng)機(jī)房,資陽(yáng)托管服務(wù)器服務(wù)有保障!
使用流程
1. 配置數(shù)據(jù)下載地址
登錄小程序 MP 管理后臺(tái),進(jìn)入設(shè)置 -> 開(kāi)發(fā)設(shè)置 -> 數(shù)據(jù)預(yù)加載,點(diǎn)擊開(kāi)啟,填寫(xiě)數(shù)據(jù)下載地址,只支持 HTTPS 。
2. 設(shè)置 TOKEN
第一次啟動(dòng)小程序時(shí),調(diào)用 wx.setBackgroundFetchToken() 設(shè)置一個(gè) TOKEN 字符串,可以跟用戶態(tài)相關(guān),會(huì)在后續(xù)微信客戶端向開(kāi)發(fā)者服務(wù)器請(qǐng)求時(shí)帶上,便于給后者校驗(yàn)請(qǐng)求合法性。
示例:
App({
onLaunch() {
wx.setBackgroundFetchToken({
token: 'xxx'
})
}
})
3. 微信客戶端提前拉取數(shù)據(jù)
當(dāng)用戶打開(kāi)小程序時(shí),微信服務(wù)器將向開(kāi)發(fā)者服務(wù)器(上面配置的數(shù)據(jù)下載地址)發(fā)起一個(gè) HTTP GET 請(qǐng)求,其中包含的 query 參數(shù)如下,數(shù)據(jù)獲取到后會(huì)將整個(gè) HTTP body 緩存到本地。
| 參數(shù) | 類型 | 必填 | 說(shuō)明 |
|---|---|---|---|
| appid | String | 是 | 小程序標(biāo)識(shí)。 |
| token | String | 否 | 前面設(shè)置的 TOKEN。 |
| code | String | 否 | 用戶登錄憑證,未設(shè)置TOKEN時(shí)由微信側(cè)預(yù)生成,可在開(kāi)發(fā)者后臺(tái)調(diào)用 auth.code2Session,換取 openid 等信息。 |
| timestamp | Number | 是 | 時(shí)間戳,微信客戶端發(fā)起請(qǐng)求的時(shí)間 |
| path | String | 否 | 打開(kāi)小程序的路徑。 |
| query | String | 否 | 打開(kāi)小程序的query。 |
| scene | Number | 否 | 打開(kāi)小程序的場(chǎng)景值。 |
query 參數(shù)會(huì)使用 urlencode 處理
token和code只會(huì)存在一個(gè),用于標(biāo)識(shí)用戶身份。
開(kāi)發(fā)者服務(wù)器接口返回的數(shù)據(jù)類型應(yīng)為字符串,且大小應(yīng)不超過(guò) 256KB,否則將無(wú)法緩存數(shù)據(jù)
4. 讀取數(shù)據(jù)
用戶啟動(dòng)小程序時(shí),調(diào)用 wx.getBackgroundFetchData() 獲取已緩存到本地的數(shù)據(jù)。
示例:
App({
onLaunch() {
wx.getBackgroundFetchData({
fetchType: 'pre',
success(res) {
console.log(res.fetchedData) // 緩存數(shù)據(jù)
console.log(res.timeStamp) // 客戶端拿到緩存數(shù)據(jù)的時(shí)間戳
console.log(res.path) // 頁(yè)面路徑
console.log(res.query) // query 參數(shù)
console.log(res.scene) // 場(chǎng)景值
}
})
}
})
調(diào)試方法
為了方便調(diào)試數(shù)據(jù)預(yù)拉取,工具提供了下面的調(diào)試能力給到開(kāi)發(fā)者。
分享文章:創(chuàng)新互聯(lián)小程序教程:微信小程序數(shù)據(jù)預(yù)拉取
分享路徑:http://m.5511xx.com/article/cdjhojh.html


咨詢
建站咨詢
