2.10.4版本后微信小程序中用户登录和退出以及用户缓存的设置和清除

本文详细介绍了微信小程序中用户授权登录、缓存管理和退出登录的流程。用户首次登录需授权,使用wx.getUserProfile接口获取信息并存储到本地缓存;已授权用户再次登录时直接从缓存加载信息;退出登录则清除缓存,下次登录重新授权。通过缓存提升用户体验,确保数据安全。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

微信用户授权登录和退出是小程序中比较通用的功能,缓存的使用可以加快程序运行速度。2021年4月28日24时后发布的小程序新版本,无法通过wx.getUserInfo与获取用户个人信息(头像、昵称、性别与地区)。新增getUserProfile接口(基础库2.10.4版本开始支持),可获取用户头像、昵称、性别及地区信息,开发者每次通过该接口获取用户个人信息均需用户确认。


需求描述

1.微信用户首次登陆时需要授权

2.已经授权过得微信用户再次登录小程序时不需要授权直接登录成功(用户信息保存到本地缓存)

3.用户点击退出登录之后则需要重新授权登录。


一、用户首次登陆时需要授权

在这里插入图片描述
1.授权登录、获取用户信息的代码:

wx.getUserProfile(Object object)

页面产生点击事件(例如 button 上 bindtap 的回调中)后才可调用,每次请求都会弹出授权窗口,用户同意后返回 userInfo。该接口用于替换 wx.getUserInfo
在这里插入图片描述

 wx.getUserProfile({
   
          desc: '用于完善会员资料',
        })

2.保存缓存的代码:

wx.se
### 如何在微信小程序中实现微信登录功能 #### 登录流程概述 微信小程序提供了基于 `wx.login` `wx.getUserInfo` 的接口来完成用户授权登录过程[^1]。通过这些接口,开发者可以获取到用户的临时登录凭证以及用户的基本信息。 #### 获取登录态 (Code) 调用 `wx.login()` 接口可以获得一个临时登录凭证 code。此 code 只能被用于换取 session_key openid 一次,且有效期较短。以下是具体代码示例: ```javascript wx.login({ success(res) { if (res.code) { console.log('Login Code:', res.code); // 将code发送至服务器端进行进一步处理 } else { console.error('Login failed! ' + res.errMsg); } }, }); ``` #### 后台服务端验证解密数据 从前端获得的 code 需要传递给后台服务器,在那里使用官方提供的 API 进行校验解析以得到用户的唯一标识符(openid)[^2]。通常会采用 HTTPS 请求的方式提交这个 code 到自己的服务器上做后续操作。 #### 用户基本信息请求 如果应用还需要访问更详细的个人信息,则需额外调用 `wx.getUserProfile` 或者旧版方法 `wx.getUserInfo` 来取得经过加密的数据包 encryptedData iv 值。注意:自基础库版本号 >= 2.10.4 起推荐优先选用前者因为后者已被废弃标记[^3]。 下面是一个简单的例子展示如何利用 wx.getUserProfile 方法获取已同意公开的信息: ```javascript wx.getUserProfile({ desc: "用于完善会员资料", // 此处填写声明字符串描述为何需要此项权限 success:(result)=>{ const userInfo=result.userInfo; console.log(userInfo.nickName); console.log(userInfo.avatarUrl); }, fail(err){ console.warn("Get user profile error:",err); } }) ``` #### 安全注意事项 在整个过程中务必遵循安全最佳实践指南,比如只允许 HTTPS 协议下的通信;妥善保管好 appsecret 不泄露出去等等措施都是十分必要的[^4]。
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值