微信小程序获取手机号代码实现

获取用户手机号需要用户授权，具体实现代码如下：

1. 在需要获取手机号的页面的json文件中，添加以下代码：

{
  "usingComponents": {
    "button": "/path/to/weui-miniprogram/button/button",
    "getphonenumber": "/path/to/weui-miniprogram/getphonenumber/getphonenumber"
  }
}

2. 在wxml文件中添加以下代码：

<getphonenumber show="{{showPhoneNumber}}" bindgetphonenumber="getPhoneNumber"></getphonenumber>

其中，`showPhoneNumber` 控制是否显示获取手机号的授权弹窗，`getPhoneNumber` 为获取到手机号后的回调函数。

3. 在js文件中添加以下代码：

Page({
  data: {
    showPhoneNumber: false, // 是否显示获取手机号的授权弹窗
  },
  onButtonClick() {
    this.setData({
      showPhoneNumber: true, // 点击按钮后显示获取手机号的授权弹窗
    })
  },
  getPhoneNumber(event) {
    console.log(event.detail) // 获取到手机号后的回调函数，event.detail 包含用户手机号等信息
  },
})

注意：在使用 `getphonenumber` 组件时，需要在微信公众平台中开通用户信息页面授权和手机号授权。