分享你我的心得.
共乘一片美好网络.

微信小程序获取微信绑定授权手机号getPhoneNumber 全流程及出现手机号带*号问题详解

微信小程序文档中给出如下示例

获取微信用户绑定的手机号,需先调用login接口。

因为需要用户主动触发才能发起获取手机号接口,所以该功能不由 API 来调用,需用 <button> 组件的点击来触发。

注意:目前该接口针对非个人开发者,且完成了认证的小程序开放。需谨慎使用,若用户举报较多或被发现在不必要场景下使用,微信有权永久回收该小程序的该接口权限。

使用方法

需要将 <button> 组件 open-type 的值设置为 getPhoneNumber,当用户点击并同意之后,可以通过 bindgetphonenumber 事件回调获取到微信服务器返回的加密数据, 然后在第三方服务端结合 session_key 以及 app_id 进行解密获取手机号。

注意

在回调中调用 wx.login 登录,可能会刷新登录态。此时服务器使用 code 换取的 sessionKey 不是加密时使用的 sessionKey,导致解密失败。建议开发者提前进行 login;或者在回调中先使用 checkSession 进行登录态检查,避免 login 刷新登录态。

例子

<button open-type=”getPhoneNumber” bindgetphonenumber=”getPhoneNumber”> </button>

Page({
getPhoneNumber: function(e) {
console.log(e.detail.errMsg)
console.log(e.detail.iv)
console.log(e.detail.encryptedData)
}
})

 

返回参数说明

参数 类型 说明
encryptedData String 包括敏感数据在内的完整用户信息的加密数据,详细见加密数据解密算法
iv String 加密算法的初始向量,详细见加密数据解密算法

encryptedData 解密后为以下 json 结构,详见加密数据解密算法

{
    "phoneNumber": "13580006666",  
    "purePhoneNumber": "13580006666", 
    "countryCode": "86",
    "watermark":
    {
        "appid":"APPID",
        "timestamp":TIMESTAMP
    }
}

但是到这里你会发现其实根本不详尽尤其是解密和错误代码方面

首先如手册所述,解析加密数据包不太明白我给大家贴个示例

getPhoneNumber: function (e) {
console.log(e.detail.iv);
console.log(e.detail.encryptedData);
wx.login({
success: res => {
console.log(res.code);
wx.request({
url: ‘https://你的解密地址’,
data: {
‘encryptedData’: encodeURIComponent(e.detail.encryptedData),
‘iv’: e.detail.iv,
‘code’: res.code
},
method: ‘GET’, // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
header: {
‘content-type’:’application/json’
}, // 设置请求的 header
success: function (res) {
if (res.status ==1) {//我后台设置的返回值为1是正确
//存入缓存即可
wx.setStorageSync(‘phone’, res.phone);
}
},
fail: function (err) {
console.log(err);
}
})
}
})
}
赞(0)
未经允许不得转载:小叶白龙博客 » 微信小程序获取微信绑定授权手机号getPhoneNumber 全流程及出现手机号带*号问题详解
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址