【微信小程序】将 token 配置为全局变量,使用定时器来检测 token 过期

在微信小程序中,你可以将 token 配置为全局变量,并使用定时器来检测 token 是否过期。当 token 过期时,将其设置为 null。

首先,在 app.js 文件中定义一个全局变量 token,并设置初始值为 null,例如:

App({
    
    
  globalData: {
    
    
    token: null
  },
  // 其他代码...
})

接下来,在获取 token 的函数中,将获取到的 token 设置为全局变量,并开启一个定时器来检测 token 是否过期。当 token 过期时,将其设置为 null。示例代码如下:

App({
    
    
  globalData: {
    
    
    token: null
  },
  getToken: function() {
    
    
    // 发送异步请求获取 token
    wx.request({
    
    
      url: 'https://api.example.com/token', // 获取 token 的接口地址
      method: 'GET',
      success: (res) => {
    
    
        // 获取成功,将 token 设置为全局变量
        this.globalData.token = res.data.token;
        
        // 设置定时器,当 token 过期后将其设置为 null
        const expireTime = res.data.expireTime; // token 过期时间
        const currentTime = new Date().getTime(); // 当前时间
        const remainingTime = expireTime - currentTime; // 剩余时间
        setTimeout(() => {
    
    
          this.globalData.token = null;
        }, remainingTime);
      },
      fail: (err) => {
    
    
        // 获取失败,处理错误信息
        console.error(err);
      }
    });
  },
  // 其他代码...
})

在上述代码中,getToken 函数用于获取 token,并将其设置为全局变量。然后,使用定时器计算 token 的剩余时间,并在剩余时间结束后将 token 设置为 null。

你可以在需要使用 token 的页面中,通过 getApp().globalData.token 来访问全局变量 token。

请根据实际需求和接口返回的数据结构进行相应的修改。

猜你喜欢

转载自blog.csdn.net/gao511147456/article/details/131632090
今日推荐