uniapp 封装一个类似js-cookie可时效性存储token的方法-526互联

贴代码 cache.js

/**
 * 存储数据
 * key: 缓存的键名，必填
 * value: 缓存的值，选填
 * seconds: 缓存的过期时间，选填，单位为秒，默认为28天
 */
function set(key, value, seconds) {
  if (!key) { // 如果key为空，直接返回
    console.log("key不能空");
    return;
  }

  const timestamp = Date.parse(new Date()) / 1000; // 获取当前时间戳，单位为秒

  // 如果seconds为空，则使用默认值28天，否则使用传入的值
  const expire = seconds ? timestamp + seconds : timestamp + 3600 * 24 * 28;

  // 将缓存值和过期时间戳用"|a|n|d|"连接成一个字符串，并存入缓存
  let newValue = `${value}|a|n|d|${expire}`;
  uni.setStorageSync(key, newValue);
}

/**
 * 获取数据
 * key: 缓存的键名，必填
 */
function get(key) {
  if (!key) { // 如果key为空，直接返回
    console.log("key不能空");
    return;
  }

  const timestamp = Date.parse(new Date()) / 1000; // 获取当前时间戳，单位为秒

  // 获取缓存值，并按照"|a|n|d|"分割成数组
  const val = uni.getStorageSync(key) || '';
  const tmp = val.split("|a|n|d|");
  if (!tmp[1] || timestamp >= tmp[1]) { // 如果数组的第二个元素不存在或者小于等于当前时间戳，表示缓存已过期，删除缓存并返回空字符串
    remove(key);
    return "";
  } else { // 否则表示缓存未过期，返回数组的第一个元素，即缓存值
    return tmp[0];
  }
}

/**
 * 移除数据
 * key: 缓存的键名，必填
 */
function remove(key) {
  if (!key) { // 如果key为空，直接返回
    console.log("key不能空");
    return;
  }

  uni.removeStorageSync(key);
}



// 缓存函数，设置或获取缓存值，带有过期时间戳
function cache(key, value, seconds) {
  // key: 缓存的键名，必填
  // value: 缓存的值，选填，如果为空则表示获取缓存，如果不为空则表示设置缓存
  // seconds: 缓存的过期时间，选填，单位为秒，默认为28天

  // 如果key为空，直接返回
  if (!key) {
    // console.log("key不能空");
    return;
  }

  // 获取当前时间戳，单位为秒
  const timestamp = Date.parse(new Date()) / 1000;
  // console.log(`${timestamp}===${key}`);

  // 如果value为空，表示获取缓存
  if (value === null) {
    // 获取缓存值，并按照"|a|n|d|"分割成数组
    const val = uni.getStorageSync(key) || '';
    const tmp = val.split("|a|n|d|");
    // 如果数组的第二个元素不存在或者小于等于当前时间戳，表示缓存已过期，删除缓存并返回空字符串
    if (!tmp[1] || timestamp >= tmp[1]) {
      // console.log("key已失效");
      uni.removeStorageSync(key);
      return "";
    }
    // 否则表示缓存未过期，返回数组的第一个元素，即缓存值
    else {
      // console.log("key未失效");
      return tmp[0];
    }
  }
  // 如果value不为空，表示设置缓存
  else {
    // 如果seconds为空，则使用默认值28天，否则使用传入的值
    const expire = seconds ? timestamp + seconds : timestamp + 3600 * 24 * 28;
    // 将缓存值和过期时间戳用"|a|n|d|"连接成一个字符串，并存入缓存
    value = `${value}|a|n|d|${expire}`;
    uni.setStorageSync(key, value);
  }
}


export default {
  set,
  get,
  remove,
  cache,
}

使用

引入
import cacheToken from "@/utils/cache/cache.js"

存
cacheToken.set('token', '111111', 88);  //设置88秒后过期

取
tokenInfo = cacheToken.get('token') || '';

删
cacheToken.remove('token')