【微信小程序】本地缓存保持登录状态之 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 () {}
})

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

微信小程序清除缓存/退出登录
小程序wxml页面: <view><button bindtap="clear">退出登录</button> </view> 小程序 ...
【微信小程序系列：四】前端利用wx.setStorageSync缓存设置有效时间
先言: 简单来说,就是利用缓存,进行有效期的保存,以此前端加以判断,在如登录状态过期,操作过期等场景使用,扩展性还蛮多的. 官方文档实现: 原理:就是先设置一个缓存,这个缓存值为当前时间加上有效期的 ...
微信小程序本地缓存在哪里？
代码中用到了setStorage,那么数据保存在哪里呢? 如图, 首先打开点击项目设置,出现进入文件系统之后,在UserData目录下里面有个进入用txt文档打开修改日期最新的即可. 如
微信小程序入门之授权登录
微信小程序一.实现微信小程序授权登录微信小程序每次获得用户的信息时需要授权登录,下面的代码可以实现以下功能 Page({data: {nickName:''},dianji(){console.l ...
微信小程序开发之——用户登录-登录流程(1)
一概述新建微信小程序自带用户登录简化小程序登录流程时序二新建微信小程序自带用户登录简化新建的微信小程序默认有用户登录功能,将多余功能去除后,简化如下 2.1 index.wxml < ...
微信小程序 api 缓存方案
微信小程序 api 缓存方案背景前言缓存方案(更新策略) 缓存那些接口 Storage 缓存工具类 ApiCache 类实现配置封装 request 请求总结背景为了应对用户流量大,减 ...
微信小程序，如何实现登录
业务流程: 1:首先需要一个按钮触发事件 2:调用微信小程序的登录接口wx.login,拿到code 3:调用微信小程序的获取用户信息的接口wx.getUserProfile,拿到用户的个人信息(包括 ...
微信小程序本地存储存储_如何利用本地存储构建快速的应用程序
微信小程序本地存储存储 by Nikita Kozlov 由Nikita Kozlov 如何利用本地存储构建快速的应用程序 (How to leverage Local Storage to buil ...
微信小程序实现缓存过期时间
微信小程序实现缓存过期时间前言一.设置缓存二.得到缓存总结前言先来看看官方文档 wx.setStorageSync(string key, any data) 将数据存储在本地缓存中指定的 ...

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

简介

使用方法

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

最新文章

热门文章