微信小程序周期性更新

微信小程序周期性更新

周期性更新能够在用户未打开小程序的情况下,也能从服务器提前拉取数据,当用户打开小程序时可以更快地渲染页面,减少用户等待时间,增强在弱网条件下的可用性。

微信客户端每隔 12 个小时才会发起一次请求

使用流程

  • 配置推送地址
  • 设置获取数据请求
  • 读取数据

配置推送地址

黑白课堂
黑白课堂

设置获取数据请求

app.js 下创建发起请求数据周期更新

App({
  onLaunch() {
    wx.setBackgroundFetchToken({
      token: 'xxx'
    })
  }
})

其中 token 值可以为用户登录之后后台服务返回的登录值token,也可以是自定义其他.

微信服务请求会请求会携带如下参数,方法是query 携带数据

{
    "appid": "wx75a3f09626ab077e",
    "timestamp": "1614917082",
    "token": "123321token-update"
}

读取数据

App({
  onLaunch() {
    wx.getBackgroundFetchData({
      fetchType: 'periodic',
      success(res) {
        console.log(res.fetchedData) // 缓存数据
        console.log(res.timeStamp) // 客户端拿到缓存数据的时间戳
      }
    })
  }
})

黑白课堂

调试工具启动

如果需要清除工具缓存的周期性数据,可以通过点击工具栏的 清除数据缓存 或者 全部清除 来进行清除
黑白课堂

真机调试

若需要在真机进一步检验,开发者工具(20190919 及以上的版本)提供触发客户端立即拉取周期性数据的调试能力。 通过点击面板 周期性缓存 -> 拉取缓存 ,将会通知客户端拉取周期性数据。

黑白课堂

评论区 (0)

没有记录
支持 markdown,图片截图粘贴拖拽都可以自动上传。
黑白课堂

黑白课堂 · 技术专家

专业PHP开发

年度VIP 站长创业者玉树凌风每天醒来0收入
查看更多

最新视频课程

钻级赞助商