小程序实现登录持久化

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

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

相关文章
|
3月前
|
小程序 API
微信小程序——授权登录
微信小程序——授权登录
71 0
|
7天前
|
小程序 安全 Java
|
6天前
|
存储 小程序 JavaScript
|
6天前
|
小程序 前端开发 安全
|
2月前
|
SQL 小程序 JavaScript
微信小程序登录(保持登录状态)
微信小程序登录(保持登录状态)
105 1
|
1月前
|
小程序 开发工具 开发者
【微信小程序-原生开发】实用教程01-注册登录账号,获取 AppID、下载安装开发工具、创建项目、上传体验
【微信小程序-原生开发】实用教程01-注册登录账号,获取 AppID、下载安装开发工具、创建项目、上传体验
29 0
|
1月前
|
小程序 API
6. 小程序端的 Pinia 持久化
6. 小程序端的 Pinia 持久化
22 0
|
3月前
|
小程序 JavaScript 数据库
小程序登录页面
该文介绍了使用小程序云开发实现登录和注册的步骤,包括界面设计和后端逻辑。界面使用了`wxss`和`wxml`编写,样式精致,包含手机号和密码输入、登录按钮、注册和忘记密码选项。在`js`中,重点处理了用户输入的账号和密码,通过云数据库查询验证用户是否存在,使用标志位`flag`判断,若账号或密码错误,显示相应提示。文章总结了利用for循环比对数据库账号的难点,并表达了作者的学习心得。
37 1
|
3月前
|
存储 小程序 前端开发
超简单实现小程序用户授权登录与退出
本文介绍了如何轻松实现小程序的用户授权登录与退出功能。通过调用微信的`wx.getUserProfile` API获取用户信息,成功后存储到本地以实现授权登录,并在WXML、CSS和JS中提供示例代码。用户信息存储使用`wx.setStorageSync`,退出登录则清除相关缓存,提升用户体验。
57 1

热门文章

最新文章