微信小程序缓存过期时间的相关设置

目录
  • 微信小程序缓存机制介绍
  • 哪些是一定需要过期的缓存
  • 写法

微信小程序缓存机制介绍

每个微信小程序都可以有自己的本地缓存,可以通过 wx.setStorage(wx.setStorageSync)wx.getStorage(wx.getStorageSync)wx.clearStorage(wx.clearStorageSync)可以对本地缓存进行设置、获取和清理。

但是微信默认设置了缓存是无限长的过期时限,这对于我们的小程序开发,是非常不好的。

哪些是一定需要过期的缓存

我正在开发的项目中,用户通过第三方登录拿到一个token,每次请求都必须带上token,但是token的时限是30分钟。

所以token就属于有必要当成缓存,但是又必须设置缓存时限的数据。

写法

在用户登录成功后,把过期时间、token一起存入缓存:

// 设置token缓存
wx.setStorageSync('token', res.data.token);
// 当前时间
var timestamp = Date.parse(new Date());
// 加上过期期限
var expiration = timestamp + 1200000; //缓存20分钟
// 存入缓存
wx.setStorageSync('data_expiration', expiration);

app.js入口文件里,监测是否超时:

// 缓存是否过期
  _isExpiration() {
  	// 当前时间
    var timestamp = Date.parse(new Date());
    // 缓存中的过期时间
    var data_expiration = wx.getStorageSync("data_expiration");
    // 如果缓存中没有data_expiration,说明也没有token,还未登录
    if (data_expiration) {
      // 如果超时了,清除缓存,重新登录
      if (timestamp > data_expiration) {
        wx.clearStorageSync();
        return true;
      }else{
        return false;
      }
    }
    return true;
  },

到此这篇关于微信小程序缓存过期时间的相关设置的文章就介绍到这了,更多相关微信小程序缓存过期时间内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们!

(0)

相关推荐

  • 小程序中设置缓存过期的实现方法

    需求是两张图片在这个时间段内交替显示,当天只弹一次图片. 后端返回的数据格式: { "start": "2019/10/08 00:00:00", "end": "2019/10/30 23:59:59", "ads": [ { "image": "xxxx", "uri": "wechat:zhizhuxy666" }, {

  • 微信小程序缓存过期时间的使用详情

    关于本地缓存 1.wx.setStorage(wx.setStorageSync).wx.getStorage(wx.getStorageSync).wx.clearStorage(wx.clearStorageSync)可以对本地缓存进行设置.获取和清理.本地缓存最大为10MB 2.localStorage 是永久存储 相应的api---------- wx.setStorage(OBJECT) wx.getStorage(OBJECT) wx.getStorageInfo(OBJECT) w

  • 微信小程序缓存过期时间的相关设置

    目录 微信小程序缓存机制介绍 哪些是一定需要过期的缓存 写法 微信小程序缓存机制介绍 每个微信小程序都可以有自己的本地缓存,可以通过 wx.setStorage(wx.setStorageSync).wx.getStorage(wx.getStorageSync).wx.clearStorage(wx.clearStorageSync)可以对本地缓存进行设置.获取和清理. 但是微信默认设置了缓存是无限长的过期时限,这对于我们的小程序开发,是非常不好的. 哪些是一定需要过期的缓存 我正在开发的项目

  • 微信小程序缓存支持二次开发封装实现解析

    这篇文章主要介绍了微信小程序缓存支持二次开发封装实现解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 简介 微信小程序提供了缓存的api,包括同步和异步两种,具体api不多说明,可自行查看官方文档 现在微信小程序缓存api存在一个问题就是没有设定过期时间,下面给大家介绍一下对小程序缓存的二次封装,使其支持设定过期时间 实现方法 先声明,这个并非原创方法,只是查找资料的时候看到的,觉得挺有用,就记录下来,也算转播给大家 原作链接:https:/

  • 微信小程序 缓存(本地缓存、异步缓存、同步缓存)详解

    微信小程序 缓存 关于本地缓存 1.wx.setStorage(wx.setStorageSync).wx.getStorage(wx.getStorageSync).wx.clearStorage(wx.clearStorageSync) 可以对本地缓存进行设置.获取和清理.本地缓存最大为10MB 2.localStorage 是永久存储 一.异步缓存 wx.setStorage(OBJECT) 将数据存储在本地缓存中指定的 key 中,会覆盖掉原来该 key 对应的内容 wx.setStor

  • 微信小程序获取当前时间及星期几的实例代码

    效果图如下所示 实例代码如下: util.js function formatTime(date) { var year = date.getFullYear() var month = date.getMonth() + 1 var day = date.getDate() var hour = date.getHours() var minute = date.getMinutes() var second = date.getSeconds() return [year, month, d

  • 微信小程序wxs日期时间处理的实现示例

    目录 1.时间戳转日期 2.UTC转北京时间 WXS(WeiXin Script)是小程序的一套脚本语言,wxs 与 javascript 是不同的语言,有自己的语法,并不和 javascript 一致.其中包括了很多日常使用的javascript函数,在wxs中都是不能同样使用的.最近在做一个列表的时候,涉及到时间格式化操作.就遇到了这个问题,以前写好了的格式化工具函数直接拷贝到小程序项目的wxs文件中,函数不能正常执行.其中包括了下面的几个错误 正则表达式在字符串的replace函数中的使用

  • 微信小程序配置视图层数据绑定相关示例

    目录 官方文档 一.小程序结构目录 1.1 小程序文件结构和传统web对比 1.2 基本的项目目录 二.配置介绍 2.1 配置介绍 2.2 全局配置app.json 2.3 page.json 三.视图层 3.1 数据绑定 3.1.1 普通写法 3.1.2 组件属性 3.1.3 bool类型 3.2 运算 3.2.1 三元运算 3.2.2 算数运算 3.2.3 逻辑判断 3.2.4 字符串运算 3.2.5 注意 3.3 列表渲染 3.3.1 wx:for 3.3.2 wx:for 3.3.3 w

  • 微信小程序实现水平时间轴

    本文实例为大家分享了微信小程序实现水平时间轴的具体代码,供大家参考,具体内容如下 1.wxml部分代码如下: <view class="wehx-line-box">     <view class="weui-flex__item wehx-line-item" wx:for="{{axis}}" wx:key="*this">         <view class='line-name'&g

  • 微信小程序基于数据库时间实现商品倒计时功能(可重用代码)

    最近做拍卖小程序,里面有一个需求是监控拍卖时间,需要对时间进行动态的倒计时显示 从构思开始,做这个倒计时也花了我4个小时多,也遇到了很多问题,现在我把完整的功能给实现了,可以拿来套用,只需要传入你自己数据库的时间即可. 1.第一个函数 //传入数据库结束时间参数并计算倒计时 countdown(endTime){//取出竞拍结束时间,精确到秒,如果数据库设置的是精确到毫秒,这里需要再除以1000 let auctionEndtime = res.data.end_time console.log

  • 微信小程序 选择器(时间,日期,地区)实例详解

    微信小程序 选择器(时间,日期,地区) 微信小程序 开发由于本人最近学习微信小程序的开发,根据自己的实践结果整理了下结果,对日期选择器,时间选择器,地区选择器做的实例,有不对的地方,希望大家指正. 用微信封装好的控件感觉很好,为我们开发人员省去了很多麻烦.弊端就是不能做大量的自定义.今天试用了选择器. 上gif: 上代码: 1.index.js //index.js //获取应用实例 var app = getApp() Page({ data: { date: '2016-11-08', ti

随机推荐