微信小程序 wx.getUserProfile 接口(最佳实践)
一为优化用户的使用体验,微信官方平台将进行以下调整:2021年2月23日起,若小程序已在微信开放平台进行绑定,则通过wx.login接口获取的登录凭证可直接换取unionID2021年4月28日24时后发布的小程序新版本,无法通过wx.getUserInfo与获取用户个人信息(头像、昵称、性别与地区),将直接获取匿名数据(包括userInfo与encryptedData中的用户个人信息),获取加
一为优化用户的使用体验,微信官方平台将进行以下调整:
- 2021年2月23日起,若小程序已在微信开放平台进行绑定,则通过wx.login接口获取的登录凭证可直接换取unionID
- 2021年4月28日24时后发布的小程序新版本,无法通过wx.getUserInfo与获取用户个人信息(头像、昵称、性别与地区),将直接获取匿名数据(包括userInfo与encryptedData中的用户个人信息),获取加密后的openID与unionID数据的能力不做调整。此前发布的小程序版本不受影响,但如果要进行版本更新则需要进行适配。
- 新增getUserProfile接口(基础库2.10.4版本开始支持),可获取用户头像、昵称、性别及地区信息,开发者每次通过该接口获取用户个人信息均需用户确认。具体接口文档:《getUserProfile接口文档》
- 由于getUserProfile接口从2.10.4版本基础库开始支持(覆盖微信7.0.9以上版本),考虑到开发者在低版本中有获取用户头像昵称的诉求,对于未支持getUserProfile的情况下,开发者可继续使用getUserInfo能力。开发者可参考getUserProfile接口文档中的示例代码进行适配。
请使用了wx.getUserInfo接口或的开发者尽快适配。开发者工具1.05.2103022版本开始支持getUserProfile接口调试,开发者可下载该版本进行改造。
小游戏不受本次调整影响。
二、调整背景:
很多开发者在打开小程序时就通过组件方式唤起getUserInfo弹窗,如果用户点击拒绝,无法使用小程序,这种做法打断了用户正常使用小程序的流程,同时也不利于小程序获取新用户。
三、调整说明:
-
通过wx.login接口获取的登录凭证可直接换取unionID
-
若小程序已在微信开放平台进行绑定,原wx.login接口获取的登录凭证若需换取unionID需满足以下条件:
- 如果开发者帐号下存在同主体的公众号,并且该用户已经关注了该公众号
- 如果开发者帐号下存在同主体的公众号或移动应用,并且该用户已经授权登录过该公众号或移动应用
-
2月23日后,开发者调用wx.login获取的登录凭证可以直接换取unionID,无需满足以上条件。
-
回收wx.getUserInfo接口可获取用户个人信息能力
4月28日24时后发布的新版本小程序,开发者调用wx.getUserInfo或将不再弹出弹窗,直接返回匿名的用户个人信息,获取加密后的openID、unionID数据的能力不做调整。
具体变化如下表:
即wx.getUserInfo接口的返回参数不变,但开发者获取的userInfo为匿名信息。
此外,针对scope.userInfo将做如下调整:
- 若开发者调用wx.authorize接口请求scope.userInfo授权,用户侧不会触发授权弹框,直接返回授权成功
- 若开发者调用wx.getSetting接口请求用户的授权状态,会直接读取到scope.userInfo为true
新增getUserProfile接口
若开发者需要获取用户的个人信息(头像、昵称、性别与地区),可以通过wx.getUserProfile接口进行获取,该接口从基础库2.10.4版本开始支持,该接口只返回用户个人信息,不包含用户身份标识符。该接口中desc属性(声明获取用户个人信息后的用途)后续会展示在弹窗中,请开发者谨慎填写
开发者每次通过该接口获取用户个人信息均需用户确认,请开发者妥善保管用户快速填写的头像昵称,避免重复弹窗。
插件用户信息功能页
插件申请获取用户头像昵称与用户身份标识符仍保留功能页的形式,不作调整。用户在用户信息功能页中授权之后,插件就可以直接调用 wx.login 和 wx.getUserInfo 。
四、最佳实践:
-
调整后,开发者如需获取用户身份标识符只需要调用wx.login接口即可。
-
开发者若需要在界面中展示用户的头像昵称信息,可以通过
<open-data>
组件进行渲染,该组件无需用户确认,可以在界面中直接展示。 -
按钮修改
//原来
<button bindgetuserinfo="bindGetUserInfo" class="btn-50" openType="getUserInfo">授权微信头像和昵称</button>
// 修改后
<button bindtap='getUserProfile'>授权微信头像和昵称</button>
- js 修改
//原wx.getUserInfo接口
getUserInfo: function (e) {
let userInfo = e.detail.userInfo
},
//新增wx.getUserProfile接口
getUserProfile: function (e) {
wx.getUserProfile({
desc: '业务需要',
success: res => this.onSaveUserInfo(res.userInfo)
})
},
- 如何判断是否已经授权
1、用本地存储用户信息判断是否已经授权
- (1)、在util.js里写一个通用函数,函数的功能是,用户授权成功,将头像昵称,存入服务器,同时,在本地缓存设置标记用户授权成功。
// util.js
function getUserProfile() {
wx.getUserProfile({
desc: '用于完善个人资料',
success: function(res) {
var userInfo = res.userInfo
// console.log('userInfo==>', userInfo)
wx.setStorageSync('storage_info', 1);//本地标记
//下面将userInfo存入服务器中的用户个人资料
//...
},
fail() {
console.log("用户拒绝授权")
}
})
}
- (2)、在需要用户授权时,做判断,如果本地已经授权,直接执行正常业务逻辑。如果未授权,则提示授权。
chooseTap: function(e) {
//如果未授权,就提示授权,如果授权了,就执行正常的业务逻辑
if (!wx.getStorageSync('storage_info')) {
util.getUserProfile()
return
}
//下面是正常业务逻辑
//...
}
- (3)、在用户进入小程序时,从服务器获取用户信息(如果已授权,就有之前存入的头像,昵称),在页面展示用户信息。
完成以上3步,就全部完成了。
说明:把授权状态存入缓存的好处是:因为wx.getUserProfile每次都会弹授权框,如果每次都让用户授权,体验不好。如果只授权一次,存入服务器,以后都展示的是这个用户信息。在用户微信改名,改头像后,服务器储存的用户信息还是以前的。
所以,把授权状态存入缓存,起码在用户更换手机,或者删除过小程序,又进来时,会弹出授权提示,可以让用户重新授权,将服务器里用户的信息进行一次更新。
2、用数据库信息判断是否已经授权
获取用户信息判断openid数据库是否存在,存在已经授权,否则未授权
作者相关文章
更多推荐
所有评论(0)