小程序实现登录持久化

小程序实现登录持久化需要使用到小程序的缓存API,例如wx.getStorageSync()和wx.setStorageSync()等方法。以下是一个简单的代码实现:

// App.js

App({ // 在全局的App.js中定义全局变量userInfo,用于存放用户信息 globalData: { userInfo: null },

// 小程序启动时,从缓存中获取用户信息,若存在则将信息存到globalData中 onLaunch: function () { const userInfo = wx.getStorageSync('userInfo') if (userInfo) { this.globalData.userInfo = userInfo } } })

// 登录页面

Page({ // 登录按钮点击事件 handleLogin: function () { // 调用微信登录API获取code wx.login({ success: res => { // 发送请求向服务器换取用户信息 wx.request({ url: 'https://example.com/login', data: { code: res.code }, success: res => { // 将用户信息存入缓存 wx.setStorageSync('userInfo', res.data.userInfo) // 将用户信息存到globalData中 getApp().globalData.userInfo = res.data.userInfo // 跳转到首页 wx.navigateTo({ url: '/pages/index/index' }) }, fail: res => { wx.showToast({ title: '登录失败', icon: 'none' }) } }) } }) } })

这样,在小程序启动时会自动从缓存中获取用户信息,并存到全局变量globalData中。当用户登录时,将用户信息存入缓存并存到globalData中,用户退出登录时则清空缓存和globalData中的用户信息即可。这样即可实现小程序的登录持久化。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值