微信小程序token有效期内免登录,跳转到目的页面

737 阅读1分钟

为了更好的用户体验,用户登录了小程序后,有效期内无需重复登录

tutieshi_320x568_11s.gif

第一步 检查登录状态是否过期

微信小程序开发文档官网API wx.checkSession(Object object)

开发者只需要调用 wx.checkSession 接口检测当前用户登录态是否有效。

登录态过期后开发者可以再调用 wx.login 获取新的用户登录态。调用成功说明当前 session_key 未过期,调用失败说明 session_key 已过期。更多使用方法详见 小程序登录

第二步 上码

//App.vue
wx.checkSession({
  success () {
    //session_key 未过期,并且在本生命周期一直有效
    //说明可以直接跳过登录页,进入首页
    wx.switchTab({
        url: '/pages/index'
    })
  },
  fail () {
    // session_key 已经失效,需要重新执行登录流程 进入登录页
    wx.navigateTo({
        url: '/pages/login'
    })
  }
})

此时,跳转会产生先跳转到启动页;再跳转到我们所需的页面. 如 : 启动页为登录页/pages/login,session_key未过期就会出现,先跳转到登录页/pages/login再转到首页/pages/index

解决办法

建立一个空白页作为启动页 so easy! 页面里啥不用写

image.png

over!