微信小程序数据拼接_微信小程序 数据预拉取
數(shù)據(jù)預(yù)拉取
預(yù)拉取能夠在小程序冷啟動的時候通過微信后臺提前向第三方服務(wù)器拉取業(yè)務(wù)數(shù)據(jù),當(dāng)代碼包加載完時可以更快地渲染頁面,減少用戶等待時間,從而提升小程序的打開速度 。
使用流程
1. 配置數(shù)據(jù)下載地址
登錄小程序 MP 管理后臺,進(jìn)入設(shè)置 -> 開發(fā)設(shè)置 -> 數(shù)據(jù)預(yù)加載,點擊開啟,填寫數(shù)據(jù)下載地址,只支持 HTTPS 。
2. 設(shè)置 TOKEN
第一次啟動小程序時,調(diào)用 wx.setBackgroundFetchToken()?設(shè)置一個 TOKEN 字符串,可以跟用戶態(tài)相關(guān),會在后續(xù)微信客戶端向開發(fā)者服務(wù)器請求時帶上,便于給后者校驗請求合法性。
示例:
App({onLaunch() {
wx.setBackgroundFetchToken({
token: 'xxx'
})
}
})
3. 微信客戶端提前拉取數(shù)據(jù)
當(dāng)用戶打開小程序時,微信服務(wù)器將向開發(fā)者服務(wù)器(上面配置的數(shù)據(jù)下載地址)發(fā)起一個 HTTP GET 請求,其中包含的 query 參數(shù)如下,數(shù)據(jù)獲取到后會將整個 HTTP body 緩存到本地。
| appid | String | 是 | 小程序標(biāo)識。 |
| token | String | 否 | 前面設(shè)置的 TOKEN。 |
| code | String | 否 | 用戶登錄憑證,未設(shè)置TOKEN時由微信側(cè)預(yù)生成,可在開發(fā)者后臺調(diào)用 auth.code2Session,換取 openid 等信息。 |
| timestamp | Number | 是 | 時間戳,微信客戶端發(fā)起請求的時間 |
| path | String | 否 | 打開小程序的路徑。 |
| query | String | 否 | 打開小程序的query。 |
| scene | Number | 否 | 打開小程序的場景值。 |
4. 讀取數(shù)據(jù)
用戶啟動小程序時,調(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ù)的時間戳 console.log(res.path) // 頁面路徑 console.log(res.query) // query 參數(shù) console.log(res.scene) // 場景值 } }) }})調(diào)試方法
為了方便調(diào)試數(shù)據(jù)預(yù)拉取,工具提供了下面的調(diào)試能力給到開發(fā)者。
總結(jié)
以上是生活随笔為你收集整理的微信小程序数据拼接_微信小程序 数据预拉取的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 在第四季里面如何赚钱最快?
- 下一篇: 卵巢早衰并发症有哪些