小程序实现登录持久化

简介: 小程序实现登录持久化

小程序实现登录持久化需要使用到小程序的缓存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中的用户信息即可。这样即可实现小程序的登录持久化。

相关文章
|
4天前
|
小程序 API
微信小程序——授权登录
微信小程序——授权登录
26 0
|
4天前
|
前端开发 小程序 JavaScript
电商小程序04实现登录逻辑
电商小程序04实现登录逻辑
|
4天前
|
小程序
内网环境中ruoyi若依实现微信小程序授权登录解决办法
内网环境中ruoyi若依实现微信小程序授权登录解决办法
201 0
|
5月前
|
小程序 前端开发 JavaScript
微信小程序(二十一)小程序登录获取openid和unionid
在微信小程序中,因为各种各样的原因我们会需要获取到用户的openid或者unionid下面就简单来讲一下在小程序中如何获取openid和unionid。 步骤一:微信登录获取登录凭证
240 0
|
4天前
|
小程序 API 开发者
微信小程序授权登录流程以及应用到的API
微信小程序授权登录流程以及应用到的API
216 0
|
4天前
|
小程序 前端开发 数据安全/隐私保护
电商小程序03登录页面开发
电商小程序03登录页面开发
|
4天前
|
小程序 JavaScript
微信小程序授权登录?
微信小程序授权登录?
|
4天前
|
存储 小程序 API
uniapp项目实战第五章:小程序Pinia持久化
uniapp项目实战第五章:小程序Pinia持久化
137 0
|
4天前
|
小程序 数据安全/隐私保护
微信小程序实现一个简单的登录功能
微信小程序实现一个简单的登录功能
|
4天前
|
小程序
uniapp 微信小程序登录 新手专用 引入即可
uniapp 微信小程序登录 新手专用 引入即可
34 0

热门文章

最新文章