背景

是这样的，我前段时间不是接了一个知识竞赛在线答题的小程序的项目需求嘛。其中，有一项活动规则是这样的，信息录入：每位参赛者，需填写公司名称、姓名、手机号（微信授权验证方式，每人仅限参加1次）。接下来，我们一起看看如何一步步实现。

查看文档

由此可知，是通过微信小程序的开放能力获取的。

获取手机号

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

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

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

使用方法

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

代码实现

<button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">获取手机号</button>

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

敏感数据对应的云 ID，开通云开发的小程序才会返回，可通过云调用直接获取开放数据。

在小程序获取到cloudID之后发起调用获取：

wx.cloud.callFunction({
  name: 'getPhoneNumberData',
  data: {
    weRunData: wx.cloud.CloudID(cloudID), // 这个 CloudID 值到云函数端会被替换
    obj: {
      shareInfo: wx.cloud.CloudID(cloudID), // 非顶层字段的 CloudID 不会被替换，会原样字符串展示
    }
  }
})

获取得到的开放数据为以下 json 结构：

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

效果截图

总结

获取手机号的前置条件是小程序账号必须是企业主体认证类型的，不然的话不能调用哦。调用的话，是需要通过将button组件open-type的值设置为getPhoneNumber ，然后服务端获取开放数据，即可。