微信小程序获取用户手机号

js

注：蓝色字体是需要自己修改的部分

如AppId，需要修改成你自己的appid

AppSecret，需要修改成你自己的小程序密钥（在微信开放平台获取，实在不了解百度“微信获取小程序密钥”）

 1     getPhoneNumber(e){
 2       console.log(e);//在这里的e里会有code等信息
 3       let code = e.detail.code//取出code
 4       wx.request({
 5         url: 'https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=AppId&secret=AppSecret',
 6         method:'GET',//获取access_token的方式为GET这个access_token在下面获取手机号时也会用到
 7         header:{
 8           'content-type': 'application/x-www-form-urlencoded'
 9         },
10         success(res){
11           console.log("access_token存放在res.data中：",res);
12           let access_token = res.data.access_token;//取出access_token
13           console.log(access_token);
14           wx.request({
15             url: 'https://api.weixin.qq.com/wxa/business/getuserphonenumber?access_token='+access_token,//将access_token和code传输过去获取手机号
16             data:{
17                 code:code,                                  
18             },
19             method:'POST',//方式为POST
20             success(res){
21               console.log(res);//在这里打印出来的信息里就会有用户的手机号
22             }
23           })
24         }
25       })
26     },

wxml

1 <view>
2     <button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber" type="default">点击登录</button>
3 </view>

 啰嗦：

　　本来以为和以前一样，没想到今年六月份出现了改动，导致一直报错，解决方式还不对，最后好兄弟在微信开发者社区发现微信这边修改了，然后根据开发者文档写成了现在的样子。

　　思路是一样的，需要修改成后端请求手机号的可以查阅各自接口所使用的语言请求接口的方式。