【微信小程序】本地缓存保持登录状态之 wx.setStorageSync() 使用技巧

简介

微信小程序提供了一个如同浏览器 cookie 本地缓存方法，就是 wx.setStorageSync() 。

注意，该方法是同步请求，还有个异步请求的方法是 wx.setStorage()，参考官方文档。

取出本地缓存方法 wx.getStorageSync，同样的，它也是同步请求，它也有一个异步请求方法 wx.getStorage()。

使用方法

登录时候，将所需要存的字段存入本地缓存中：

// pages/daily/daily.js

// 获取本地缓存中的TOKEN
const TOKEN = wx.getStorageSync('TOKEN')

Page({
  data: {
    peopleDetails: []
  },

  /**
   * 获取每日人物信息
   */
  getCharacter() {
    // 发起网络请求
    wx.request({
      url: '<url>',
      method: 'get',
      header: {
        'content-type': 'application/json',
        Authorization: 'student ' + TOKEN
      },
      success(res) {
        console.log(res)
        if (res.code === 200) {
          this.setData({
            peopleDetails: this.data.peopleDetails.concat(JSON.parse(res.data))
          })
          console.log('peopleDetails', this.data.peopleDetails)
        } else {
          console.log('每日人物获取失败！', res.data.msg)
        }
      },
      fail(msg) {
        console.log(msg)
      }
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.getCharacter()
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95