点击查看 wx.getUserProfile 和 wx.getUserInfo 的区别
应用背景
- 微信官网阉割了
wx.getUserInfo接口，前端须要应用新的接口wx.getUserProfile代替 - 因为
wx.getUserProfile接口返回的加密数据中，不再蕴含openId和unionId，因而后端只能通过前端wx.login后 拿到的 code 去换取 - 因为
wx.login的时效性限度，code 换取回openId和unionId之后，若用户不调用wx.getUserProfile受权获取用户信息，openId和unionId存储在前端或者后端都是有点多此一举的，并且若前端存储，在接口中给后端也是不平安的。
因而同时调起 wx.login 和 wx.getUserProfile
- 将
wx.login返回的 code 和wx.getUserProfile返回的 userInfo、encryptedData 等，一次性传给后端，换回小程序登录态 token - 理论应用时，因为
wx.getUserProfile必须在点击事件中触发，所以就在点击事件中应用Promise.all
具体代码如下
<button bindtap="getUserProfile"> 微信帐号疾速登录 </button> // 获取 code、userInfo 等信息
getUserProfile () {var p1 = new Promise((resolve, reject) => {
wx.login({
success: res => {
// 这里也能够选择性返回须要的字段
resolve(res)
}
})
})
var p2 = new Promise((resolve, reject) => {
wx.getUserProfile({
desc: '用于欠缺会员资料',
success: res => {
// 这里也能够选择性返回须要的字段
resolve(res)
}
})
})
// 同时执行 p1 和 p2，并在它们都实现后执行 then
Promise.all([p1, p2]).then((results) => {
// results 是一个长度为 2 的数组，搁置着 p1、p2 的 resolve
this.handleUserInfo({
// 这里也能够选择性返回须要的字段
...results[0],
...results[1]
})
})
},
// 组织好后端须要的字段，并调用接口
handleUserInfo (data) {const { code, encryptedData, userInfo, iv, rawData, signature, cloudID} = data
const params = {
userInfo,
// ....
}
// 调用接口保护本地登录态
}