【uniapp】uniapp实现免密登录-CFANZ编程社区

文章目录

一、概要

打开一个网页或小程序的时候，我们有时候会自动进入主页，而不是登录页面。

怎么实现这个免密登录呢？

二、整体架构流程

以下是小程序免密登录流程图
在这里插入图片描述

我们常用setStorageSync来存储token,此后根据token是否存在来判断进入哪个页面。

三、技术名词解释

setStorageSync：uniapp官方文档：将 data 存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的内容，这是一个同步接口。
onLaunch：当uni-app 初始化完成时触发（全局只触发一次）

四、技术细节

1.存取token有效期？

存储token

// 设置token有效期
function setTokenExpiration(key, value, time) {
  const data = Date.now();
  const item = {
    value,
    Expire: data + time,
  };
  wx.setStorageSync(key, item);
}

setStorageSync第二个参数是任意类型，支持被 JSON.stringify 序列化的对象，可以将存储的时间和token值作为对象存入本地。

time是我们要传入token的有效期（ms），一般30天免密登录就是30*24*60*60

获取token

function getTokenExpiration(key) {
  const data = Date.now();
  let token = wx.getStorageSync(key);
  if (!token || token.Expire< data) {
    return null;
  }
  return token.value;
}