授权手机号

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

置顶2018年03月10日 17:44:32

阅读数:9544

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

 

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

因为需要用户主动触发才能发起获取手机号接口,所以该功能不由 API 来调用,需用 

 
  1. Page({

  2. getPhoneNumber: function(e) {

  3. console.log(e.detail.errMsg)

  4. console.log(e.detail.iv)

  5. console.log(e.detail.encryptedData)

  6. }

  7. })

返回参数说明

参数 类型 说明
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);

}

})

}

})

}

 

 

后台解析代码就是利用传过去的三个值,来进行解析每个语言解析方式不同请下载样例

微信官方提供了多种编程语言的示例代码(点击下载)。每种语言类型的接口名字均一致。调用方式可以参照示例。

 

注意解析方式跟解析用户信息是一个解析方式!!!!

 

在这里小编遇到了一个问题解析回的形式虽然跟文档相同但是!

却是这个样子的数据:

授权手机号_第1张图片

 

这样的情况其实是因为开发的基础库版库过低造成的

配置地点在这里:

授权手机号_第2张图片

 

小编修改为v1.9.1之后呈现形式就如同官网手册 一样了

 

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

至此获取微信绑定的用户手机号完成!

 

还有一点要注意你的开发版本上去了,但是用户不一定更新了

所以微信后台有这样一个配置~

授权手机号_第3张图片

剩下的问题欢迎在下面评论,第一次写博客希望对大家有帮助!!!

 

我在网上已经看到几篇转载的,个人之作转载请注明出处!

csdn博客-大国的博客

原文地址:https://blog.csdn.net/weixin_41818665/article/details/79509792

你可能感兴趣的:(微信小程序)