小程序实现登录持久化

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

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

相关文章
|
11月前
|
人工智能 小程序 NoSQL
【一步步开发AI运动小程序】二十一、如何将AI运动项目配置持久化到后端?
本文介绍基于云智「Ai运动识别引擎」的运动配置持久化方案,旨在优化小程序或Uni APP中AI运动识别能力。通过将运动检测参数(如`Key`、`Name`、`TickMode`、`rules`或`samples`)持久化到后端,可避免因频繁调整运动参数而重新发布应用,提升用户体验。持久化数据结构支持规则和姿态样本存储,适用于关系数据库、文件或文档数据库(如MongoDB)。此外,云智还提供运动自动适配工具及「AI乐运动」产品,助力快速实现AI体育、全民健身等场景。
|
存储 小程序 前端开发
微信小程序与Java后端实现微信授权登录功能
微信小程序极大地简化了登录注册流程。对于用户而言,仅仅需要点击授权按钮,便能够完成登录操作,无需经历繁琐的注册步骤以及输入账号密码等一系列复杂操作,这种便捷的登录方式极大地提升了用户的使用体验
3693 12
|
小程序 前端开发 算法
|
小程序 算法 前端开发
微信小程序---授权登录
微信小程序---授权登录
376 0
|
SQL 小程序 JavaScript
微信小程序登录(保持登录状态)
微信小程序登录(保持登录状态)
867 1
|
小程序 开发工具 开发者
【微信小程序-原生开发】实用教程01-注册登录账号,获取 AppID、下载安装开发工具、创建项目、上传体验
【微信小程序-原生开发】实用教程01-注册登录账号,获取 AppID、下载安装开发工具、创建项目、上传体验
534 0